| <html> | |
| <head> | |
| <style> | |
| div { | |
| width:600px; | |
| height:500px; | |
| border:2px solid black; | |
| content: -webkit-canvas(squares); | |
| } | |
| </style> | |
| <script type="application/x-javascript"> | |
| function draw(w, h) | |
| { | |
| var ctx = document.getCSSCanvasContext("2d", "squares", w, h); | |
| ctx.fillStyle = "rgb(200,0,0)"; | |
| ctx.fillRect (10, 10, 100, 100); | |
| ctx.fillStyle = "rgba(0, 0, 200, 0.5)"; | |
| ctx.fillRect (50, 50, 100, 100); | |
| } | |
| </script> | |
| </head> | |
| <body onload="draw(300, 300)"> | |
| <div></div> | |
| </body> | |
| </html> |