<?xml version="1.0"?> <!-- Any copyright is dedicated to the Public Domain. http://creativecommons.org/publicdomain/zero/1.0/ --> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" onload="m();"> <title>Testcase for dynamic feImage changes</title> <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=455226 --> <script> function m() { var xlinkNS = "http://www.w3.org/1999/xlink"; document.getElementById("feImage").removeAttributeNS(xlinkNS, "href"); } </script> <defs> <filter id="f1" filterUnits="objectBoundingBox" primitiveUnits="objectBoundingBox" x="0" y="0" width="1" height="1"> <feImage id="feImage" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAAXNSR0IArs4c6QAAAAxJREFUCNdj+M/AAAADAQEAGN2NsAAAAABJRU5ErkJggg" x="0" y="0" width="100%" height="100%" style="color-interpolation-filters:sRGB"/> </filter> </defs> <rect width="100%" height="100%" fill="lime"/> <rect width="100%" height="100%" filter="url(#f1)"/> </svg>