<html>
  <body>
    <svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="0" height="0">
      <defs>
        <filter id="NotMyFilter">
          <feColorMatrix type="hueRotate" values="180"/>
        </filter>
      </defs>
    </svg><img style="-webkit-filter: url(#MyFilter); filter: url(#MyFilter);" src="resources/reference.png">
  </body>
</html>
<script>
document.getElementById("NotMyFilter").id = "MyFilter";
</script>