| <!DOCTYPE HTML> | |
| <html> | |
| <body> | |
| <canvas id="canvas" width="300px" height="300px" style="border:1px solid #c3c3c3;"></canvas> | |
| <script type="text/javascript"> | |
| var ctx = document.getElementById('canvas').getContext("2d"); | |
| ctx.font = '15px Arial'; | |
| ctx.fillText('foobar', 10, 20); | |
| ctx.fillText('foorab', 10, 40); | |
| ctx.fillText('oofbar', 10, 60); | |
| ctx.fillText('raboof', 10, 80); | |
| </script> | |
| </body> |