OLD | NEW |
(Empty) | |
| 1 <!DOCTYPE html> |
| 2 <svg xmlns="http://www.w3.org/2000/svg" width="0" height="0" version="1.1"> |
| 3 <defs id="svgDefs" style="display:none"> |
| 4 <filter id="blurY" color-interpolation-filters="sRGB"> |
| 5 <feGaussianBlur id="blurEffect" stdDeviation="0 5"> |
| 6 </feGaussianBlur> |
| 7 </filter> |
| 8 </defs> |
| 9 </svg> |
| 10 |
| 11 <script> |
| 12 onload = function() { |
| 13 // Render one frame with the blur effect, then remove it. |
| 14 window.requestAnimationFrame(function() { |
| 15 window.requestAnimationFrame(function() { |
| 16 var filterElement = document.getElementById("blurY"); |
| 17 var filterEffectElement = document.getElementById("blurEffect"); |
| 18 filterElement.removeChild(filterEffectElement); |
| 19 |
| 20 // Ensure we draw a frame. |
| 21 document.getElementById("other").style.backgroundColor = "blue"; |
| 22 |
| 23 if (window.testRunner) |
| 24 testRunner.notifyDone(); |
| 25 }); |
| 26 }); |
| 27 |
| 28 } |
| 29 |
| 30 if (window.testRunner) |
| 31 testRunner.waitUntilDone(); |
| 32 </script> |
| 33 |
| 34 <img src="resources/reference.png" style="-webkit-filter: url(#blurY); filter: u
rl(#blurY);"> |
| 35 |
| 36 <div id="other" style="width: 10px; height: 10px"></div> |
OLD | NEW |