Javascript SVG动态调整大小

有人知道我可以动态调整svg图像的大小，使其适合容器吗？？我发现我的图像溢出。我想要的是一种调整大小的方法，这样它就不会溢出。

---

欢迎您的回复。我还尝试将宽度和高度设置为100%

好的，所以进行动态宽度的最简单方法就是为

宽度

或/和

高度

提供一个百分比值。你可以在这里找到我的例子

因此，关键部分要么是省略svg元素的

宽度

和

高度

属性，要么是

<svg width="100%" height="100%"></svg>

然后对内部元素使用百分比值，如下所示：

<rect x="10%" y="10%" width="80%" height="80%" style="fill:blue;stroke-width:5; stroke:black" />

提供您的代码作为工作的基础。重复问题：我的代码很多。我必须把文件夹寄给你。我可以拍下它的快照。那有帮助吗？我试着像上面的链接一样将宽度和高度设置为100%suggested@k.ken发布了一个答案，并举例说明什么可能适合你。这是我的容器外观的一个例子。表达式图像是一个svg。这里有一个指向它的快照的链接：因此，如果您在上面提供动态宽度和高度，那么它不适合您所需的空间？因此您需要为您的容器div和svg容器的内部元素提供动态值。无论哪种方式，都很难理解为什么它仅仅从一个图像溢出。是的，我理解。我想另一个选择是available@k.ken您正在处理可伸缩的矢量图形，所以您不应该觉得动态宽度/高度选项是需要避免的。如果缩小或增大图像的大小，图像将缩放并看起来一样好。