我有一个正方形或矩形的普通原始图像。我想要的是在它上面放一个卵形椭圆形作为它的面具。
它需要尽可能与crossbrowser兼容。因此我在下面使用这种方法,所有其他方法都不太适合交叉浏览器。
问题
我得到一张负面形象。我尝试使用白色形状和黑色png。面具,但没有运气。我试图找到一个发电机,所以我可以上传一个蛋形的svg,但再没有成功。
{{1}}
工作(半工作)示例: js Fiddle right here
我的屏蔽图像
答案 0 :(得分:4)
你正在混淆面具和图像,所以交换它们。
此外,需要将面具翻转,即黑色背景上需要白色椭圆形。