拉斐尔在IPAD上用图像填充路径显示剪裁和颠倒模式

时间:2012-07-11 05:34:25

标签: image ipad svg raphael fill

我正在开发一个在iPad上绘制2D平面图的网络项目。 我选择了raphael库来完成这项工作。 现在我遇到了一个只出现在iPad上的问题。

我只是在Raphael.js中使用paper.path()方法绘制平面布局图,然后通过用图像填充路径来渲染地板。 代码非常简单,如下所示:

mFloor = paper.path('M ' + mPoints).attr('fill','url(img/wood1.jpg)');

这里mPoints是一个点数组[x,y],表示房间所有角落的位置。

原始图片:

http://i.stack.imgur.com/pDaOo.png

这是iPad上渲染结果的截图,它清楚地显示原始图像已被随机剪裁成三个部分,然后随机组合以填充路径。

http://i.stack.imgur.com/jJONm.png

此问题仅发生在iPad上,而在PC上图像正确且准确地填充了Safari和Chrome中的路径。

iOS是否有支持模式填充的问题?

0 个答案:

没有答案