third_party/WebKit/LayoutTests/svg/custom/clip-path-units-changes.svg

   1 <svg width="800" height="600" 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"/>
   3 <defs>
   4     <clipPath id="myclip" clipPathUnits="objectBoundingBox">
   5         <path transform="scale(.5)" d="M 0 0 l 200 0 l 0 200 l -200 0 Z"/>
   6     </clipPath>
   7 </defs>
   8
   9 <script>
  10 function repaintTest() {
  11     var clip = document.getElementById("myclip");
  12
  13     var enumeration = clip.clipPathUnits;
  14     enumeration.baseVal = 1; // Switch to userSpaceOnUse!
  15 }
  16 </script>
  17
  18 <g clip-path="url(#myclip)">
  19 <rect x="0" y="0" width="200" height="200" fill="red"/>
  20 <rect x="0" y="0" width="100" height="100" fill="green"/>
  21 </g>
  22
  23 </svg>