Incorrect rendering (feColorMatrix/feBlend/)
develar opened this issue · comments
SVG:
<svg xmlns="http://www.w3.org/2000/svg" width="18" height="14" fill="none">
<g clip-path="url(#a)" filter="url(#b)">
<path fill="#fff" fill-opacity=".01" d="M30 5H10v21h20V5Z"/>
</g>
<defs>
<clipPath id="a">
<path fill="#fff" d="M0 0h18v14H0z"/>
</clipPath>
<filter id="b" width="44" height="45" x="-2" y="-3" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
<feOffset dy="4"/>
<feGaussianBlur stdDeviation="6"/>
<feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.16 0"/>
<feBlend in2="BackgroundImageFix" result="effect1_dropShadow_5382_56962"/>
<feBlend in="SourceGraphic" in2="effect1_dropShadow_5382_56962" result="shape"/>
</filter>
</defs>
</svg>