third_party/WebKit/LayoutTests/svg/text/text-viewbox-rescale.html

   1 <html xmlns="http://www.w3.org/1999/xhtml">
   2 <head>
   3 <!-- Test that a script can change the scale of an svg viewbox and text will be rescaled properly -->
   4 <!-- see: https://bugs.webkit.org/show_bug.cgi?id=75091 -->
   5 <!-- If this test passes there should be 2 rows and 2 columns "PASS" -->
   6 <script src="../../fast/repaint/resources/text-based-repaint.js"></script>
   7 </head>
   8 <body onload="runRepaintAndPixelTest()">
   9 <svg style="position: absolute; top: 0px; left: 0px; width: 200px; height: 200px">
  10     <svg id="inner1" viewbox="0 0 100 100">
  11         <text x="0.3" y="0.3" font-size="0.1" fill="#080">
  12             PASS
  13             <tspan fill="#080"> PASS</tspan>
  14         </text>
  15     </svg>
  16     <svg id="inner2" y="100" viewbox="0 0 1 1">
  17         <text x="0.3" y="0.3" font-size="0.1" fill="#080">
  18             PASS
  19             <tspan fill="#080"> PASS</tspan>
  20         </text>
  21     </svg>
  22 </svg>
  23 <script>
  24     function repaintTest() {
  25         document.getElementById("inner1").setAttribute('viewBox', '0 0 1 1');
  26         document.getElementById("inner2").setAttribute('viewBox', '0 0 1 1');
  27     }
  28 </script>
  29 </body>
  30 </html>