blob: 6b0b980a56b5bfc4648b20f2e54c9cb518bc06db [file] [log] [blame]
<?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="runRepaintAndPixelTest()">
<script xlink:href="../resources/text-based-repaint.js"/>
<defs>
<linearGradient id="gradient" gradientUnits="userSpaceOnUse" x1="10" y1="10" x2="440" y2="10">
<stop stop-color="green" offset="0"/>
<stop id="stop1" stop-color="red" offset="0.5"/>
<stop stop-color="green" offset="1"/>
</linearGradient>
<linearGradient id="linkedGradient2" xlink:href="#linkedGradient1"/>
<linearGradient id="linkedGradient1" xlink:href="#gradient"/>
</defs>
<script>
function repaintTest() {
var stop = document.getElementById("stop1");
stop.parentNode.removeChild(stop);
}
</script>
<rect x="10" y="10" width="430" height="80" fill="url(#gradient)"/>
<rect x="10" y="110" width="430" height="80" fill="url(#linkedGradient1)"/>
<rect x="10" y="210" width="430" height="80" fill="url(#linkedGradient2)"/>
<text text-anchor="middle" x="220" y="320">All gradients should look the same</text>
</svg>