Chromium Code Reviews| OLD | NEW |
|---|---|
| (Empty) | |
| 1 <!DOCTYPE html> | |
| 2 <svg width="0" xmlns="http://www.w3.org/2000/svg" width="0" height="0" version ="1.1"> | |
|
Stephen White
2015/06/26 17:57:38
Nit: width="0" twice here
ajuma
2015/06/26 19:09:26
Done.
| |
| 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 }); | |
| 24 } | |
| 25 </script> | |
| 26 | |
| 27 <img src="resources/reference.png" style="-webkit-filter: url(#blurY); filter: u rl(#blurY);"> | |
| 28 | |
| 29 <div id="other" style="width: 10px; height: 10px"></div> | |
| OLD | NEW |