third_party/WebKit/LayoutTests/svg/custom/resource-invalidate-on-target-update.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 <filter id="filter">
   5     <feGaussianBlur in="SourceAlpha" stdDeviation="4" result="blur"/>
   6     <feComposite in2="blur" in="SourceGraphic"/>
   7 </filter>
   8 <clipPath id="clip" clipPathUnits="objectBoundingBox">
   9     <circle cx="0.5" cy="0.5" r="0.5"/>
  10 </clipPath>
  11 <mask id="mask"  maskContentUnits="objectBoundingBox">
  12     <circle cx="0.5" cy="0.5" r="0.5" fill="white"/>
  13 </mask>
  14 </defs>
  15
  16 <script>
  17 function repaintTest() {
  18     document.getElementById("rect1").setAttribute("width", "100");
  19     document.getElementById("rect2").setAttribute("width", "100");
  20     document.getElementById("rect3").setAttribute("width", "100");
  21 }
  22 </script>
  23 <g id="box">
  24 <rect id="rect1" x="10" y="10" width="200" height="100" style="fill:green;mask:url(#mask)"/>
  25 <rect id="rect2" x="10" y="130" width="200" height="100" style="fill:green;clip-path:url(#clip)"/>
  26 <rect id="rect3" x="10" y="250" width="200" height="100" style="fill:green;filter:url(#filter)"/>
  27 </g>
  28 </svg>