HTML5 canvas drawing practice using rectangles and arbitrary lines to draw traditional unit symbols for infantry, cavalry, and artillery.

javascript programming
exa_02_drawing_units

<html>
<head>
<title>Drawing Units</title>
<script>

var draw = function() {
    var canv = document.getElementById("canv");
    var ctx = canv.getContext("2d");
    drawUnit(ctx,"art",20,20);
    drawUnit(ctx,"inf",150,20);
    drawUnit(ctx,"cav",20,100);
  };
  
</script>
</head>
<body onload="draw();">
<h3>Drawing Units</h3>
<canvas id="canv" width="300" height="200" style="border:1px gray solid;">
</canvas>
</body>
</html>

javascript programmingexa_02_drawing_units

javascript programming
exa_02_drawing_units