SVG图像屏蔽在IE

Question

我在这里使用ie10, firefox工作得很好，但是IE中没有显示掩码

<svg style="height:0;">
                                      <mask id="m1" maskUnits="userSpaceOnUse" maskContentUnits="userSpaceOnUse">
                                        <image width="78px" height="78px" xlink:href="images/mask2.png"></image>
                                      </mask>
                                    </svg>
                                    <img src="images/avatar-sample.jpg" style="mask:url(#m1);"/>

Answer 1

目前只有Firefox支持直接对HTML元素应用掩码。其他ui只允许您在SVG对象上设置SVG效果，例如蒙版。

如果你想在IE中工作，你必须使用SVG <image>元素来显示图像，而不是HTML <img>元素。