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 |