An HTML canvas and a couple of colored squares.
javascript programming
exa_01_canvas_square
<html> <head> <title>Canvas Test</title> <script> var draw = function() { var canv = document.getElementById("canv"); var ctx = canv.getContext("2d"); ctx.fillStyle = "rgb(200,0,0)"; ctx.fillRect (0, 0, 55, 50); ctx.fillStyle = "rgb(0, 0, 200)"; ctx.fillRect (30, 30, 55, 50); }; </script> </head> <body onload="draw();"> <h3>Look, a canvas!</h3> <canvas id="canv" width="300" height="200" style="border:1px gray solid;"> </canvas> </body> </html>
