luminanceToAlpha颜色变换滤镜效果实例页面

效果：

原图

白底应用

蓝底底应用

代码：

CSS代码：

.apply { filter: url(#colorMeLTA); }

HTML代码：

<h4 class="fill">原图</h4>
<p><img src="1.jpg" /></p>

<h4 class="fill">白底应用</h4>
<p><img src="1.jpg" class="apply" /></p>

<h4 class="fill">蓝底底应用</h4>
<p style="padding:1em;background:deepskyblue;">
  <img src="1.jpg" class="apply" />
</p>


<svg width="0" height="0">
  <defs>
    <filter id="colorMeLTA">
      <feColorMatrix in="SourceGraphic" type="luminanceToAlpha" />
    </filter>
  </defs>
</svg>