Question

我正在使用raphaeljs创建一个应用程序，允许人们自定义门。我基本上将门的各个部分分开，然后使用raphaeljs通过路径绘制它们，然后用相应的图像填充此路径。

这是我开启大门的代码。

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上看到它http://vimeo.com/24539065

pngs和jpg都会发生这种情况，我尝试从绘图功能中删除我的翻译，但没有运气。我还通过删除样式表排除了CSS问题。

任何建议都将不胜感激，谢谢。

Raphaeljs在Safari绘制路径/图像中滚动问题

0 个答案: