<!-- 主体遮罩 -->
<ellipse cx=".5" cy=".5" rx=".4" ry=".2" fill="white"></ellipse>
<rect x=".3" y=".1" width=".4" height=".8" rx=".1" ry=".1" fill="white"></rect>
</mask>
</defs>
</svg>
<svg width="250" height="186">
<image xlink:href="ps1.jpg" class="mask-image" width="250" height="186"></image>
</svg>
无论是clip-path还是这里的mask，外链SVG特性的支持一定是比内联SVG弱的。既然Chrome浏览器连普通HTML的内联SVG的<mask>都不支持，自然肯定不支持这里的外链SVG文件<mask>元素的遮罩支持。
那之前表现良好的Firefox浏览器呢？
比较幸运，Firefox浏览器最近支持了任意元素外链SVG文件的<mask>，为什么说最近呢？我看了下我现在的Firefox，显示最新版，版本是56，然后Firefox支持任意元素可以使用外链SVG <mask>元素作为遮罩是版本55开始了。
至于上面的，任意元素内联SVG <mask>的支持，Firefox很早就已经支持。
相信不久的版本，Chrome浏览器也会对其进行支持的，可以耐心等待。
