third_party/WebKit/LayoutTests/fast/canvas/canvas-bg-zoom.html

   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>