third_party/WebKit/LayoutTests/fast/canvas/canvas-incremental-repaint-2.html

   1 <!DOCTYPE html>
   2 <html lang="en">
   3 <head>
   4   <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
   5   <title>Canvas Incremental Repaint</title>
   6   <style type="text/css" media="screen">
   7     canvas {
   8       width: 200px;
   9       height: 150px;
  10       border: 20px solid black;
  11     }
  12   </style>
  13   <script src="../../resources/run-after-layout-and-paint.js"></script>
  14   <script type="text/javascript" charset="utf-8">
  15
  16     if (window.testRunner) {
  17       testRunner.dumpAsTextWithPixelResults();
  18       testRunner.waitUntilDone();
  19     }
  20
  21     function repaintTest()
  22     {
  23       var canvas = document.getElementById('canvas1');
  24       var ctx = canvas.getContext('2d');
  25
  26       ctx.fillStyle = 'green';
  27       ctx.save();
  28       ctx.setTransform(1, 0, 0, 1, 50, 200);
  29       // Test the the transform applies the matrix in the correct order.
  30       ctx.transform(1, 0, 0, -1, 0, 0);
  31       ctx.fillRect(0, 100, 200, 80);
  32       ctx.restore();
  33       if (window.testRunner) {
  34           testRunner.notifyDone();
  35       }
  36     }
  37   </script>
  38 </head>
  39 <body onload="runAfterLayoutAndPaint(repaintTest)">
  40   <canvas id="canvas1"></canvas>
  41 </body>
  42 </html>