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

Question

我在HMTL5标语中有一个javascript函数，该函数根据鼠标位置更改剪切路径。这在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。