27 lines
1.0 KiB
XML
27 lines
1.0 KiB
XML
<?xml version="1.0" encoding="ISO-8859-1" standalone="no"?>
|
|
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN" "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
|
|
<svg width="450" height="450" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" onload="runRepaintTest()">
|
|
<script xlink:href="../../fast/repaint/resources/repaint.js"/>
|
|
<defs>
|
|
<linearGradient id="Gradient" gradientUnits="userSpaceOnUse" x1="10" y1="10" x2="440" y2="10">
|
|
<stop id="stop1" stop-color="blue" offset="0"/>
|
|
<stop stop-color="red" offset="1"/>
|
|
</linearGradient>
|
|
</defs>
|
|
|
|
<script>
|
|
function repaintTest() {
|
|
var gradient = document.getElementById("Gradient");
|
|
var stop = document.getElementById("stop1");
|
|
gradient.x1.baseVal.value = 150;
|
|
stop.setAttribute("stop-color", "green");
|
|
stop.setAttribute("stop-opacity", "0.5");
|
|
stop.setAttribute("offset", "0.3");
|
|
}
|
|
</script>
|
|
|
|
<rect x="10" y="10" width="430" height="80" fill="url(#Gradient)" />
|
|
<rect x="10" y="100" width="430" height="80" fill="url(#Gradient)" />
|
|
|
|
</svg>
|