使用 Javascript 更改剪辑路径的 webkit 前缀

Question

我在 HMTL5 横幅中有一个 javascript function，它根据鼠标 position 更改剪辑路径。 这在 Chrome 中效果很好，但在 Safari 中效果不佳。 我需要有 webkit 的前缀。

我的代码如下所示：

mouseTails.style.clipPath = "circle(60px at " + (p.pageX) + "px " + (p.pageY) + "px)";

我试过这个（但没有添加-webkit-clip-path）：

mouseTails.setAttribute = "-webkt-clip-path:circle(60px at " + (p.pageX) + "px " + (p.pageY) + "px)";
mouseTails.style.clipPath = "circle(60px at " + (p.pageX) + "px " + (p.pageY) + "px)";

我正在为这个项目使用 Google Web Designer。