| <!DOCTYPE html> |
| <svg xmlns="http://www.w3.org/2000/svg" width="0" height="0" version="1.1"> |
| <defs id="svgDefs" style="display:none"> |
| <filter id="blurY" color-interpolation-filters="sRGB"> |
| <feGaussianBlur id="blurEffect" stdDeviation="0 5"> |
| </feGaussianBlur> |
| </filter> |
| </defs> |
| </svg> |
| |
| <script> |
| onload = function() { |
| // Render one frame with the blur effect, then remove it. |
| window.requestAnimationFrame(function() { |
| window.requestAnimationFrame(function() { |
| var filterElement = document.getElementById("blurY"); |
| var filterEffectElement = document.getElementById("blurEffect"); |
| filterElement.removeChild(filterEffectElement); |
| |
| // Ensure we draw a frame. |
| document.getElementById("other").style.backgroundColor = "blue"; |
| |
| if (window.testRunner) |
| testRunner.notifyDone(); |
| }); |
| }); |
| |
| } |
| |
| if (window.testRunner) |
| testRunner.waitUntilDone(); |
| </script> |
| |
| <img src="resources/reference.png" style="filter: url(#blurY);"> |
| |
| <div id="other" style="width: 10px; height: 10px"></div> |