| 12345678910111213141516171819202122232425262728293031323334 |
- <!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>
|
