<!DOCTYPE html> <html> <head> <script type="text/javascript"><!-- window.onload = function () { var canvas = document.getElementById('testCanvas'), context = canvas.getContext('2d'); // draw a path context.beginPath(); context.moveTo(10, 10); context.lineTo(200, 10); context.lineTo(200, 200); context.stroke(); context.closePath(); context.clearRect(0, 0, canvas.width, canvas.height); // draw some text context.font = 'bold 40px sans-serif'; context.strokeText("Hello world!", 10, 50); }; // --></script> </head> <body> <p>You should see only see "Hello world!" below, without any additional line. JavaScript is required.</p> <p><canvas id="testCanvas" width="400" height="300">You need Canvas support.</canvas></p> </body> </html>