Javascript 剪辑路径在safari上不起作用，即使使用webkit前缀

因此，基本上，我正在粘贴我的JSFIDLE，以便您更容易了解到底发生了什么

测验 .小阿凡达{ 宽度：75px； 高度：75px； 填充：4px； } img{ 宽度：100%； 身高：100%； 对象匹配：覆盖； 剪辑路径：url'avatar-mask'； -webkit剪辑路径：url'avatar-mask' } .avatar{ 背景图像：向右线性渐变，9f7d5a，d4b380 17%，eecf97 41%，b89a6a 62%，dabd85 83%，d4b380 100%； 剪辑路径：url'avatar-mask'； -webkit剪辑路径：url'avatar-mask'； }

---

我会使用SVG内部掩码

.小阿凡达{ 宽度：75px； 高度：75px； 填充：4px； } .大阿凡达{ 宽度：175px； 高度：175px； 填充：10px； } img{ 宽度：100%； 身高：100%； 对象匹配：覆盖； } .阿凡达{ 背景图像：向右线性渐变，9f7d5a，d4b380 17%，eecf97 41%，b89a6a 62%，dabd85 83%，d4b380 100%； } 面具 .面具>*{ -webkit掩码：url'data:image/svg+xml；utf8'； 掩码：url'data:image/svg+xml；utf8'； }

---

让我知道在旅行中是否可以