third_party/WebKit/LayoutTests/svg/custom/mask-changes.svg

   1 <svg width="800" height="600" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   2
   3 <mask id="Mask" maskUnits="userSpaceOnUse" x="0" y="0" width="100" height="300">
   4     <rect x="0" y="0" width="800" height="300" fill="red"/>
   5 </mask>
   6
   7 <g onclick="mouseHandler()">
   8     <rect x="0" y="100" width="800" height="100" fill="blue" mask="url(#Mask)"/>
   9 </g>
  10
  11 <script>
  12 if (window.testRunner)
  13     testRunner.waitUntilDone();
  14
  15 if (window.eventSender) {
  16     eventSender.mouseMoveTo(150, 135);
  17     eventSender.mouseDown();
  18     eventSender.mouseUp();
  19 }
  20
  21 function mouseHandler(evt)
  22 {
  23     document.getElementById("Mask").setAttribute("width", "800");
  24
  25     if (window.testRunner)
  26         testRunner.notifyDone();
  27 }
  28 </script>
  29
  30 </svg>