dom/svg/test/getCTM-helper.svg

   1 <?xml version="1.0"?>
   2 <svg xmlns="http://www.w3.org/2000/svg"
   3      xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="100" height="100" viewBox="-11 -22 100 100">
   4   <g id="base">
   5   <g transform="translate(3, 4)">
   6   <svg x="1" y="2" width="888" height="999">
   7   <g>
   8     <svg x="30" y="40" width="100" height="100">
   9       <g id="buggy"/>
  10     </svg>
  11
  12     <defs>
  13       <symbol id="sym" width="100" height="100">
  14         <rect id="symbolRect" width="0" height="0"
  15               transform="translate(70, 80)"/>
  16       </symbol>
  17     </defs>
  18     <svg id="inner" x="30" y="40" width="100" height="100">
  19       <g id="g1"/>
  20     </svg>
  21     <svg id="inner-2" viewBox="0 0 10 10" width="-10" height="10">
  22       <g id="g5"/>
  23     </svg>
  24     <foreignObject id="fO" x="30" y="40" width="100" height="100" transform="translate(1, 1)">
  25       <!-- current layout implementation ignores x="50" and y="60".
  26            thus, I made getCTM and getScreenCTM do the same. -->
  27       <svg id="outer" x="50" y="60" width="100" height="100">
  28         <g id="g2" transform="translate(600, 700)"/>
  29       </svg>
  30     </foreignObject>
  31     <foreignObject x="30" y="40" width="100" height="100" transform="translate(1, 1)">
  32       <html xmlns="http://www.w3.org/1999/xhtml" style="width: 100%; height: 100%">
  33         <svg xmlns="http://www.w3.org/2000/svg" id="outer2"
  34              width="100" height="100" viewBox="100 100 200 200"/>
  35       </html>
  36     </foreignObject>
  37     <!-- something invalid -->
  38     <foreignObject>
  39       <g id="g3"/>
  40     </foreignObject>
  41     <image>
  42       <g id="g4"/>
  43     </image>
  44     <use xlink:href="#sym" id="use"/>
  45   </g>
  46   </svg>
  47   </g>
  48   </g>
  49 </svg>