Html 如何添加.png作为SVG元素的重复填充

我试图添加一个repeating.png作为SVG多边形元素的填充，该元素不随SVG响应宽度缩放

我将.png添加为一种模式，现在该模式应用于svg元素，但在移动设备上重复的图像会缩小到较小的尺寸。我需要重复的.png图像不要缩放

建议？

---

谢谢

如果模式是SVG的一部分，它将随SVG一起缩放。你无法避免。SVG2可能支持非缩放模式，但这对您现在没有帮助

---

您可以将模式作为背景应用于

，并将SVG用作应用于

的CSS掩码。我相信这里已经讨论了这一点：这非常接近，我的问题是，当SVG大小改变时，页面会做出响应，因此放置在对象上的模式也会随之改变。当svg缩小时，我需要对象上的模式完全不移动。感谢您提供的信息：）我将以另一种方式使其响应。