| <!DOCTYPE html> | |
| <html> | |
| <script> | |
| function startTest() { | |
| if (window.testRunner) { | |
| testRunner.waitUntilDone(); | |
| testRunner.setBackingScaleFactor(2, finishTest); | |
| } else | |
| finishTest(); | |
| } | |
| function finishTest() { | |
| var ctx = document.getCSSCanvasContext("2d", "test", 100, 100); | |
| ctx.fillStyle = "rgb(200, 0, 0)"; | |
| ctx.fillRect(10, 10, 50, 50); | |
| ctx.fillStyle = "rgba(0, 0, 200, 0.5)"; | |
| ctx.fillRect(25, 25, 90, 90); | |
| if (window.testRunner) | |
| setTimeout(function() { testRunner.notifyDone() }, 0); | |
| } | |
| </script> | |
| <style> | |
| .test { | |
| content: -webkit-canvas(test); | |
| width: 100px; | |
| height: 100px; | |
| } | |
| </style> | |
| </head> | |
| <body onload="startTest()"> | |
| <div class="test"></div> | |
| </body> | |
| </html> |