third_party/WebKit/LayoutTests/svg/text/non-invertible-matrix-text.svg

   1 <svg width="620" height="450" viewBox="0 0 800 600" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" onload="runTest()">
   2         <desc>
   3                 This test places a text element so that it spans across two render tiles (note: the tile width is ~255px at the time of writing this).
   4                 If the text doesn't span across tiles then other screen updates will "cover up" the bug.
   5
   6                 The scale(0,1) transform matrix has a 0 determinant, which means it cannot be inverted.
   7                 Any text/shape in svg that has a scale(0) transform means it should be invisible.
   8         </desc>
   9         <script>
  10         <![CDATA[
  11                 function runTest() {
  12                         document.getElementById('first').setAttribute("transform", "translate(241.0859375, -21)scale(0, 1)translate(-241.0859375, 21)");
  13                         document.getElementById('second').setAttribute("transform", "translate(241.0859375, -21)scale(0, 1)translate(-241.0859375, 21)");
  14                 }
  15         ]]>
  16         </script>
  17
  18         <g id="textGroup" transform="translate(70,300)" font-family="sans-serif" font-size="60" text-rendering="geometricPrecision">
  19                 <rect x="254" width="1" height="1"/>
  20                 <text id="first" x="197.7978515625" y="0" fill="red">s</text>
  21                 <text id="second" x="229.0576171875" y="0" fill="red">!</text>
  22     </g>
  23 </svg>