Chromium Code Reviews| Index: LayoutTests/css3/filters/filter-effect-removed.html |
| diff --git a/LayoutTests/css3/filters/filter-effect-removed.html b/LayoutTests/css3/filters/filter-effect-removed.html |
| new file mode 100644 |
| index 0000000000000000000000000000000000000000..d920676602d2c41e3d53df2b3427155ef6780e52 |
| --- /dev/null |
| +++ b/LayoutTests/css3/filters/filter-effect-removed.html |
| @@ -0,0 +1,29 @@ |
| +<!DOCTYPE html> |
| + <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.
|
| + <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"; |
| + }); |
| + }); |
| + } |
| +</script> |
| + |
| +<img src="resources/reference.png" style="-webkit-filter: url(#blurY); filter: url(#blurY);"> |
| + |
| +<div id="other" style="width: 10px; height: 10px"></div> |