| <?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"> |
| <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> |
| if (window.layoutTestController) |
| layoutTestController.waitUntilDone(); |
| |
| if (window.eventSender) { |
| window.setTimeout(function() { |
| eventSender.mouseMoveTo(150, 50); |
| eventSender.mouseDown(); |
| eventSender.mouseUp(); |
| }, 0); |
| } |
| |
| function mouseHandler(evt) |
| { |
| var stop = document.getElementById("stop1"); |
| stop.parentNode.removeChild(stop); |
| |
| if (window.layoutTestController) |
| layoutTestController.notifyDone(); |
| } |
| </script> |
| |
| <rect onclick="mouseHandler(evt)" 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, especially after clicking</text> |
| </svg> |
