third_party/WebKit/LayoutTests/svg/repaint/buffered-rendering-static-image-expected.html

   1 <!DOCTYPE html>
   2 <html>
   3 <head>
   4     <script src="../../resources/run-after-layout-and-paint.js"></script>
   5     <script>
   6         function repaintTest() {
   7             document.getElementById('behind').setAttribute('fill', 'green');
   8             document.getElementById('translate').setAttribute('x', '0');
   9             document.getElementById('transform').setAttribute('transform', 'translate(0 0)');
  10             document.getElementById('scale').setAttribute('transform', 'scale(1)');
  11         }
  12     </script>
  13 </head>
  14 <body onload="runAfterLayoutAndPaint(repaintTest, true)">
  15 Test for WK104207: This test passes if there are 4 green squares each with a smooth black circle in the top-left corner.<br/>
  16     <svg xmlns="http://www.w3.org/2000/svg" width="400" height="450">
  17         <!-- Test invalidating content behind the static content. -->
  18         <rect id="behind" x="40" y="10" width="20" height="80" fill="red"/>
  19         <image x="0" y="0" width="100" height="100" xlink:href="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100'><rect x='10' y='10' width='30' height='80' fill='green'/><rect x='60' y='10' width='30' height='80' fill='green'/><circle cx='25' cy='25' r='10' fill='green' stroke='black' stroke-width='1'/></svg>"/>
  20
  21         <!-- Test translating static content -->
  22         <rect x="20" y="140" width="30" height="30" fill="red"/>
  23         <image id="translate" x="50" y="120" width="100" height="100" xlink:href="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100'><rect x='10%' y='10%' width='80%' height='80%' fill='green'/><circle cx='25' cy='25' r='10' fill='green' stroke='black' stroke-width='1'/></svg>"/>
  24
  25         <!-- Test transforming static content -->
  26         <rect x="20" y="260" width="30" height="30" fill="red"/>
  27         <image id="transform" transform="skewX(30)" x="0" y="240" width="100" height="100" xlink:href="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100'><rect x='10%' y='10%' width='80%' height='80%' fill='green'/><circle cx='25' cy='25' r='10' fill='green' stroke='black' stroke-width='1'/></svg>"/>
  28
  29         <!-- Test scaling static content -->
  30         <rect x="20" y="380" width="30" height="30" fill="red"/>
  31         <image id="scale" transform="scale(0.1)" x="0" y="360" width="100" height="100" xlink:href="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100'><rect x='10%' y='10%' width='80%' height='80%' fill='green'/><circle cx='25' cy='25' r='10' fill='green' stroke='black' stroke-width='1'/></svg>"/>
  32     </svg>
  33 </body>
  34 </html>