| <html> |
| <head> |
| <style> |
| div { |
| background: -webkit-canvas(squares); |
| width: 200px; height: 200px; |
| border: 2px solid black; |
| margin: 10px; |
| } |
| </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, 55, 50); |
| |
| ctx.fillStyle = "rgba(0, 0, 200, 0.5)"; |
| ctx.fillRect (30, 30, 55, 50); |
| } |
| </script> |
| </head> |
| <body onload="draw(150, 150)"> |
| <div></div> |
| <div style="zoom: 1.5"></div> |
| </body> |
| </html> |
