OLD | NEW |
1 <html> | 1 <!DOCTYPE html> |
2 <head> | 2 <script src="../../resources/run-after-layout-and-paint.js"></script> |
3 <script type="application/x-javascript"> | 3 <svg width="0" height="0"> |
4 function remove() { | 4 <defs> |
5 svg = document.getElementById("svg"); | 5 <filter id="MyFilter"> |
6 svg.parentNode.removeChild(svg); | 6 <feColorMatrix type="hueRotate" values="180"/> |
7 } | 7 </filter> |
8 </script> | 8 </defs> |
9 </head> | 9 </svg> |
10 <body onload="remove();"> | 10 <img style="filter: url(#MyFilter);" src="resources/reference.png"> |
11 <svg id="svg" xmlns="http://www.w3.org/2000/svg" width="0" height="0" versio
n="1.1"> | 11 <script> |
12 <defs> | 12 runAfterLayoutAndPaint(function() { |
13 <filter id="MyFilter"> | 13 document.querySelector('svg').remove(); |
14 <feColorMatrix type="hueRotate" values="180"/> | 14 }, true); |
15 </filter> | 15 </script> |
16 </defs> | |
17 </svg> | |
18 <img style="-webkit-filter: url(#MyFilter); filter: url(#MyFilter);" src="re
sources/reference.png"> | |
19 </body> | |
20 </html> | |
21 | |
OLD | NEW |