Question

我有一个带有<text fill='url(#img1)'>Hello</text>的SVG但是，当我滚动时，我希望通过做同样的事情来获得背景的视差效果，我会在div上设置background-attachment:fixed的背景。

有没有办法实现SVG的开箱即用？我知道Raphaël.js通过操纵patternTransform元素中的pattern矩阵来实现这一点，但是我希望在不需要额外脚本的情况下实现这一点。

Answer 1

不好意思。使用纯SVG无法做到你想要的。我能想到的唯一一种解决方法是混合SVG + HTML解决方案，其中您的文本实际上是一个纯色形状的洞（例如<rect>），通过它您可以看到{{1父元素。并将背景放在父元素上。

IE中。类似的东西：

<svg>

为了清晰起见，这已被简化，但希望你明白这一点。