OLD | NEW |
| (Empty) |
1 <html> | |
2 <head> | |
3 <style> | |
4 div { | |
5 background: -webkit-canvas(squares); | |
6 width: 200px; height: 200px; | |
7 border: 2px solid black; | |
8 margin: 10px; | |
9 } | |
10 </style> | |
11 | |
12 <script type="application/x-javascript"> | |
13 function draw(w, h) { | |
14 var ctx = document.getCSSCanvasContext("2d", "squares", w, h); | |
15 | |
16 ctx.fillStyle = "rgb(200,0,0)"; | |
17 ctx.fillRect (10, 10, 55, 50); | |
18 | |
19 ctx.fillStyle = "rgba(0, 0, 200, 0.5)"; | |
20 ctx.fillRect (30, 30, 55, 50); | |
21 } | |
22 </script> | |
23 </head> | |
24 <body onload="draw(150, 150)"> | |
25 <div></div> | |
26 <div style="zoom: 1.5"></div> | |
27 </body> | |
28 </html> | |
OLD | NEW |