third_party/WebKit/LayoutTests/svg/custom/deep-dynamic-updates.svg

   1 <?xml version="1.0" encoding="ISO-8859-1" standalone="no"?>
   2 <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN" "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
   3 <svg width="450" height="450" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" onload="runRepaintAndPixelTest()">
   4 <script xlink:href="../../fast/repaint/resources/text-based-repaint.js"/>
   5 <defs>
   6     <symbol id="symbol">
   7         <rect stroke-width="1px" fill="url(#Pattern)" stroke="navy" width="400" height="400"/>
   8     </symbol>
   9
  10     <linearGradient id="Gradient" gradientUnits="userSpaceOnUse" x1="0" y1="0" x2="60" y2="10">
  11         <stop id="stop1" stop-color="blue" offset="0"/>
  12         <stop stop-color="red" offset="1"/>
  13     </linearGradient>
  14
  15     <pattern id="Pattern" patternUnits="userSpaceOnUse" viewBox="0 0 60 10" x="0" y="0" width="60" height="10">
  16         <rect stroke-width="1px" fill="url(#Gradient)" stroke="red" width="60" height="10" transform="scale(2)"/>
  17     </pattern>
  18 </defs>
  19
  20 <script>
  21 function repaintTest() {
  22     document.getElementById("stop1").offset.baseVal = 0.3;
  23 }
  24 </script>
  25
  26 <use x="25" y="25" width="400" height="400" xlink:href="#symbol"/>
  27
  28 </svg>