퍼블리싱/퍼블리싱 이슈

IE 10 이상에서 SVG 필터사용

Slyeee 2018. 12. 28. 14:41

> 마크업

1
2
3
4
5
6
7
8
9
<svg xmlns="http://www.w3.org/2000/svg" style="width: 363px; height: 484px; position: absolute; top: 0px; left: 0px;">
  <defs>
    <filter id="filtersPicture">
      <feComposite result="inputTo_38" in="SourceGraphic" in2="SourceGraphic" operator="arithmetic" k1="0" k2="1" k3="0" k4="0" />
      <feColorMatrix id="filter_38" type="saturate" values="0" data-filterid="38" />
    </filter>
  </defs>
  <image filter="url(&quot;#filtersPicture&quot;)" x="-50px" y="-50px" width="125%" height="125%" xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="이미지경로" />
</svg>
cs



> CSS(별도의 CSS는 필요없음)




참고 : http://jsfiddle.net/KatieK/qhU7d/2/