如何在IE和Firefox上创建“剪辑路径”圈？

Question

我有这个用于cicrle-masking的片段。 它适用于Chrome。

但是如何在Firefox和IE上运行它？ 请不要半径解决方案...

.circle {
  -webkit-clip-path: circle(100px at 100px 100px);
  clip-path: circle(100px at 100px 100px)
}

<img src="http://cp91279.biography.com/Leonardo-da-Vinci_A-Divine-Mind_HD_768x432-16x9.jpg" width="1024" height="768" alt="" class="circle"/>

.circle {   -webkit-clip-path：circle（50％，50％10％）;   clip-path：circle（50％，50％10％）; }

Answer 1

IE根本不支持CSS剪辑路径，Firefox只支持url方法，因此解决方案几乎是死路一条 - http://caniuse.com/#feat=css-clip-path

但是，您可以使用内联SVG剪辑图片，因为它具有出色的浏览器支持 - http://caniuse.com/#search=inline%20svg

{{1}}

工作示例 - http://codepen.io/taneleero/pen/BNZjdj