http://justplay.thefa.com使用raphael和svg为背景图像创建蒙版。你可以在附近的足球场看到它们。第一个标题为“玩或不玩”。
这些在所有桌面浏览器和iOS 3中看起来都很棒。
为什么iOS 4中的图像会颠倒?谁有任何想法?
我还创建了一些简单的例子: http://the-taylors.org/teststation/raphael/v2.0/masks.html和http://jsfiddle.net/davetayls/5bWgX/1/
谢谢,一直试图解决这个问题......我完全感到困惑
答案 0 :(得分:0)
我使用上面的答案作为起点,但一般来说style.fill不是获取模式元素的id的地方,所以下面是一个更好的版本(实际上,你可以使用{{1改为获取模式id,但是当在原始SVG节点中传递或者在Rapahael对象中包含一个时,下面的方法将起作用)
el.pattern.replace("pattern#", "")
我发现它只对重复模式非常有用 - iPad的坐标系太破碎,无法精确定位在所有缩放级别正确显示的单个背景图像。