123456789101112131415161718192021222324 |
- <!DOCTYPE html>
- <html>
- <head>
- <meta charset="UTF-8">
- <script type="text/javascript">
- function bodyonload() {
- var canvas=document.getElementById('test');
- var ctx = canvas.getContext("2d");
- ctx.fillStyle = 'green';
- ctx.fillRect(150, 50, -151, 50); // left at -1
- ctx.fillStyle = 'red';
- ctx.rect(150, 100, -151, 50); // left at -1
- ctx.fill();
- ctx.fillStyle = 'blue';
- ctx.fillRect(150, 150, -150, 50); // left at 0
- }
- </script>
- </head>
- <body onload="bodyonload();">
- <canvas id="test" width="200" height="200"></canvas>
- </body>
- </html>
|