<!DOCTYPE html> | |
<script src="../../resources/run-after-layout-and-paint.js"></script> | |
<svg height="0"> | |
<filter id="NotMyFilter"> | |
<feColorMatrix type="hueRotate" values="90"/> | |
</filter> | |
</svg> | |
<div style="width: 100px; height: 100px; background-color: red; filter: url(#MyFilter);"></div> | |
<script> | |
runAfterLayoutAndPaint(function() { | |
document.getElementById("NotMyFilter").id = "MyFilter"; | |
}, true); | |
</script> |