<!DOCTYPE html> | |
<script src="../../resources/run-after-layout-and-paint.js"></script> | |
<svg width="200" height="200"> | |
<filter id="NotMyFilter"> | |
<feColorMatrix type="hueRotate" values="90"/> | |
</filter> | |
<rect x="10" y="10" fill="blue" width="100" height="100" filter="url(#MyFilter)"/> | |
</svg> | |
<script> | |
runAfterLayoutAndPaint(function() { | |
document.getElementById("NotMyFilter").id = "MyFilter"; | |
}, true); | |
</script> |