Svg Safari绘图路径/图像中的Raphaeljs滚动问题

我正在使用raphaeljs创建一个允许人们自定义门的应用程序。我基本上是分离门的各个部分，并使用拉斐尔JS通过一条路径绘制它们，然后用相应的图像填充这条路径

这是我画门的代码

function drawDoor(style, color){
    door = paper.path(door_paths[style].path).translate(105, 93);
    door.attr({ fill: "url(images/door/"+style+"/"+style+"_"+color+".png)", stroke: 0 });
    door.node.setAttribute("class","door");
    door.click(element_click);   
}

这在除Safari之外的所有浏览器中都非常有效。它似乎可以很好地绘制路径，但当您滚动页面时，图像会滚动，就像固定在背景上一样，路径就像一个遮罩

我录制了一段视频来演示这一点，你可以在vimeo上看到

PNG和jpg都会出现这种情况，我曾尝试从draw函数中删除我的translate，但没有成功。我还通过删除样式表排除了css问题

---

如有任何建议，将不胜感激，谢谢

发现其他人有类似的问题，他们创建了一个小提琴，在这里演示了这一点，在最近的Safari更新中修复了吗？我现在无法在Mac Safari上复制它，尽管它仍然在mobile Safari中出现。我发现了一个关于该问题的bug线程：