为什么我的图像使用SVG蒙版变为负片

Question

我有一个正方形或矩形的普通原始图像。我想要的是在它上面放一个卵形椭圆形作为它的面具。

它需要尽可能与crossbrowser兼容。因此我在下面使用这种方法，所有其他方法都不太适合交叉浏览器。

问题

我得到一张负面形象。我尝试使用白色形状和黑色png。面具，但没有运气。我试图找到一个发电机，所以我可以上传一个蛋形的svg，但再没有成功。

{{1}}

工作（半工作）示例： js Fiddle right here

我的屏蔽图像

Answer 1

• 你正在混淆面具和图像，所以交换它们。

• 此外，需要将面具翻转，即黑色背景上需要白色椭圆形。