Note that text appears above and to the right of (x,y), unless it is centered.
javascript programming
exa_07_text
<html> <head> <title>Text Example</title> <script> var draw = function() { var canv = document.getElementById("canv"); var context = canv.getContext("2d"); context.fillStyle = "rgb(0,255,0)"; context.fillRect (50, 50, 3, 3); context.fillStyle = "rgb(0,0,255)"; context.font = "16px Arial"; context.fillText("Green boxes indicate text location", 50, 50); context.fillStyle = "rgb(0,255,0)"; context.fillRect (100, 100, 3, 3); context.fillStyle = "rgb(0,0,0)"; context.font = "bold 16px Arial"; context.textAlign = "center"; context.fillText("Center me.", 100, 100); }; </script> </head> <body onload="draw();"> <canvas id="canv" width="300" height="200" style="border:1px gray solid;"> </canvas> </body> </html>
