| OLD | NEW | 
|---|
| (Empty) |  | 
|  | 1 <svg xmlns="http://www.w3.org/2000/svg" width="0" height="0" version="1.1"> | 
|  | 2   <defs> | 
|  | 3     <filter id="f1" color-interpolation-filters="sRGB"> | 
|  | 4       <feColorMatrix type="hueRotate" values="180"/> | 
|  | 5     </filter> | 
|  | 6     <filter id="f2" color-interpolation-filters="sRGB"> | 
|  | 7       <feColorMatrix x="10" y="10" width="70" height="70" type="hueRotate" value
    s="180"/> | 
|  | 8     </filter> | 
|  | 9     <filter id="f3" color-interpolation-filters="sRGB"> | 
|  | 10       <feColorMatrix x="20" y="20" width="50" height="50" type="hueRotate" value
    s="180"/> | 
|  | 11     </filter> | 
|  | 12     <filter id="f4" color-interpolation-filters="sRGB"> | 
|  | 13       <feColorMatrix x="30" y="30" width="30" height="30" type="hueRotate" value
    s="180"/> | 
|  | 14     </filter> | 
|  | 15   </defs> | 
|  | 16 </svg> | 
|  | 17 <img style="-webkit-filter: url(#f1); filter: url(#f1);" src="resources/referenc
    e.png"></img> | 
|  | 18 <img style="-webkit-filter: url(#f2); filter: url(#f2);" src="resources/referenc
    e.png"></img> | 
|  | 19 <img style="-webkit-filter: url(#f3); filter: url(#f3);" src="resources/referenc
    e.png"></img> | 
|  | 20 <img style="-webkit-filter: url(#f4); filter: url(#f4);" src="resources/referenc
    e.png"></img> | 
| OLD | NEW | 
|---|