Css 如何调整SVG的ClipPath区域的大小？

我有这样的代码：

.img容器{
宽度：300px；
高度：300px；
背景颜色：浅绿色；
溢出：隐藏；
}
.剪式img{
剪辑路径：url（“#标题剪辑svg”）；
}

---

您可以将SVG应用为

遮罩

，并轻松调整其大小和位置（就像您可以使用

背景图像

）。只需确保为viewbox设置了正确的值：

.img容器{
宽度：300px；
高度：300px；
背景颜色：浅绿色；
保证金：5px；
}
.剪式img{
宽度：100%；
身高：100%；
显示：块；
对象匹配：覆盖；
-webkit掩码：url（'data:image/svg+xml；utf8'）
居中/不包含重复；
掩码：url（'data:image/svg+xml；utf8'）
居中/不包含重复；
}

---

您可以将SVG应用为

遮罩

，并轻松调整其大小和位置（就像您可以使用

背景图像

）。只需确保为viewbox设置了正确的值：

.img容器{
宽度：300px；
高度：300px；
背景颜色：浅绿色；
保证金：5px；
}
.剪式img{
宽度：100%；
身高：100%；
显示：块；
对象匹配：覆盖；
-webkit掩码：url（'data:image/svg+xml；utf8'）
居中/不包含重复；
掩码：url（'data:image/svg+xml；utf8'）
居中/不包含重复；
}

.img容器{
宽度：300px；
高度：300px；
背景颜色：浅绿色；
溢出：隐藏；
}
.剪式img{
剪辑路径：url（“#标题剪辑svg”）；
最大宽度：100%；
}

.img容器{
宽度：300px；
高度：300px；
背景颜色：浅绿色；
溢出：隐藏；
}
.剪式img{
剪辑路径：url（“#标题剪辑svg”）；
最大宽度：100%；
}

必须更新SVG。我注意到它没有一个

视图框，我从这里开始。@Paulie\u d你能用更新的SVG添加一个答案吗？我不能重写SVG，这是你必须要做的。@Paulie\u你是说编辑路径，而不是属性？如果是，很抱歉，我不是想在不更新SVG的情况下询问路径编辑。我注意到它没有一个
视图框，我从这里开始。@Paulie\u d你能用更新的SVG添加一个答案吗？我不能重写SVG，这是你必须要做的。@Paulie\u你是说编辑路径，而不是属性？如果是的，对不起，我不是想问路径编辑在我的情况下svg代码将动态比什么可以做？我不能像你给出的解决方案那样使用css。@JigneshPanchal你说的动态是什么意思？在所有情况下，您只需将SVG放入掩码中，SVG my Scenario SVG代码的动态性比什么都好？我不能像你给出的解决方案那样使用css。@JigneshPanchal你说的动态是什么意思？在所有情况下，您只需将SVG放入掩码中，无论SVG是什么，请解释您的答案代码的作用；它与OP的区别以及这种区别是如何解决问题的。只有代码的答案没有什么价值。请解释你的答案代码的作用；它与OP的区别以及这种区别是如何解决问题的。只有代码的答案没有什么价值。