third_party/WebKit/LayoutTests/svg/custom/js-update-stop.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     <linearGradient id="Gradient" gradientUnits="userSpaceOnUse" x1="10" y1="10" x2="440" y2="10">
   7         <stop id="stop1" stop-color="blue" offset="0"/>
   8         <stop stop-color="red" offset="1"/>
   9     </linearGradient>
  10 </defs>
  11
  12 <script>
  13 function repaintTest() {
  14     document.getElementById("stop1").offset.baseVal = 0.3;
  15 }
  16 </script>
  17
  18 <rect x="10" y="10" width="430" height="80" fill="url(#Gradient)" />
  19 <rect x="10" y="100" width="430" height="80" fill="url(#Gradient)" />
  20
  21 </svg>