| <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" onload="runAfterLayoutAndPaint(repaintTest, true);"> |
| <script xlink:href="../../resources/run-after-layout-and-paint.js"></script> |
| <defs> |
| <linearGradient id="gradient" gradientUnits="objectBoundingBox" x1="0" y1="0" x2="1" y2="1"> |
| <stop id="stop" stop-color="red" offset="0"/> |
| </linearGradient> |
| |
| <filter id="filter" > |
| <feImage xlink:href="#ellipse"/> |
| </filter> |
| <ellipse id="ellipse" cx="50%" cy="50%" rx="25%" ry="25%" fill="url(#gradient)"/> |
| </defs> |
| <rect width="100%" height="100%" filter='url(#filter)'/> |
| |
| <script> |
| function repaintTest() { |
| document.getElementById("stop").setAttribute("stop-color", "green"); |
| } |
| </script> |
| </svg> |
