Je kunt met een aantal vierkanten ook een leuk kunstwerk maken.
<HTML>
<BODY>
<!– Tekengebied met een vierkant met zwarte rand erin –>
<canvas id=”myCanvas” width=”600″ height=”700″>
</canvas>
<SCRIPT>
var TekenOppervlak = document.getElementById(“myCanvas”);
var TekenVlak = TekenOppervlak.getContext(“2d”);
var Xpos = 100
var Ypos = 200
var Breedte = 400
var Hoogte = 300
var teller = 0
while (teller<32){
<!– Krimpend Vierkant –>
Breedte=Breedte – (teller*2);
Hoogte=Hoogte – (teller*2);
Xpos = Xpos + teller;
Ypos = Ypos + teller;
TekenVlak.rect(Xpos,Ypos,Breedte,Hoogte);
TekenVlak.strokeStyle = “#000000”; <!– kleur zwart –>
TekenVlak.lineWidth = 1.0;
TekenVlak.stroke();
teller++;
}
</SCRIPT>
<br>
<center>H.L. Muller ©2016</center>
<br>
</BODY>
</HTML>