为什么svg图像在iOS4中颠倒了http://justplay.thefa.com?

时间:2011-10-05 15:35:52

标签: javascript ios4 svg mobile-safari raphael

http://justplay.thefa.com使用raphael和svg为背景图像创建蒙版。你可以在附近的足球场看到它们。第一个标题为“玩或不玩”。

这些在所有桌面浏览器和iOS 3中看起来都很棒。

为什么iOS 4中的图像会颠倒?谁有任何想法?

我还创建了一些简单的例子: http://the-taylors.org/teststation/raphael/v2.0/masks.htmlhttp://jsfiddle.net/davetayls/5bWgX/1/

谢谢,一直试图解决这个问题......我完全感到困惑

1 个答案:

答案 0 :(得分:0)

我使用上面的答案作为起点,但一般来说style.fill不是获取模式元素的id的地方,所以下面是一个更好的版本(实际上,你可以使用{{1改为获取模式id,但是当在原始SVG节点中传递或者在Rapahael对象中包含一个时,下面的方法将起作用)

el.pattern.replace("pattern#", "")

我发现它只对重复模式非常有用 - iPad的坐标系太破碎,无法精确定位在所有缩放级别正确显示的单个背景图像。