我正在开发一个在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是否有支持模式填充的问题?