Css 如何调整SVG剪辑路径的大小？

我使用SVG作为图像的遮罩，并尝试调整其大小。我尝试指示宽度和高度（到100），但仍然无法缩放。只是尺寸保持不变

这是SVG代码：

---

首先，当您将width和height属性设置为100时，它会使svg 100px变高变宽。如果希望svg是全宽的，则需要为其提供100%的宽度

其次，正如@Paulie_D所评论的，您需要为提供svg中元素的比例和坐标系的值。下面是一个带有

viewbox=“0 500 500”

和

width=“30%”的示例：

您可能需要给出SVG，而不是高度/宽度…然后它应该适当缩放。是的，这很有效！但是，如果我想像我的代码笔示例那样将标记放在剪辑路径之外，该怎么办？可能吗？