third_party/WebKit/LayoutTests/svg/repaint/inner-svg-change-viewPort-relative.svg

   1 <svg width="200" height="200" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" onload="runRepaintAndPixelTest()">
   2 <script xlink:href="../../fast/repaint/resources/text-based-repaint.js"></script>
   3 <script>
   4 <![CDATA[
   5     function repaintTest() {
   6         document.getElementById("inner").setAttribute("width", "100%");
   7     }
   8 ]]>
   9 </script>
  10
  11 <!-- should result in a blue square with right-aligned objects -->
  12 <svg id="inner" width="50%" height="100%">
  13     <defs>
  14         <polygon id="triangle" points="0,0 0,20 20,10" style="fill:white"/>
  15     </defs>
  16     <rect fill="blue" width="100%" height="100%"/>
  17     <rect fill="white" x="100%" y="60" transform="translate(-20,0)" width="20" height="20"/>
  18     <text x="100%" y="100" text-anchor="end" fill="white">right-aligned text</text>
  19     <use x="100%" y="120" transform="translate(-20,0)" xlink:href="#triangle"/>
  20 </svg>
  21 </svg>