Javascript 用适当的viewBox值替换宽度和高度属性

有助于理解viewBox的用途，但并不完全相同

---

目标是用相应的viewBox属性替换SVG元素的宽度和高度属性。我们的代码要求设置viewBox，而不是宽度和高度

有没有一种算法可以做到这一点

例如，下面的SVG元素在替换为viewBox属性0 6 6时看起来不一样

原创

---

TL；医生：你不能，那不是

viewBox

的功能

SVG画布可以被视为一个无限的绘图面<代码>视图框告诉浏览器哪些零件应该可见。该可见区域将被缩放和定位，以适合元素的内容区域。

viewBox

的默认值通常是x和y为0，而宽度和高度与元素的像素尺寸相匹配。但是，

viewBox

不会更改这些尺寸

---

SVG元素的高度和宽度会更改元素的内容区域。

viewBox

区域被缩放以适合此内容区域。如果未设置高度和宽度，则它们的大小将根据浏览器的实现而有所不同，并且即使在某些情况下，它们也不依赖于查看框。

您怎么了？svg宽度和高度表示html大小，viewbox值表示svg部分的位置和比例“目标是用相应的viewbox属性替换svg元素的宽度和高度属性。”为什么？它们是完全不同的东西，具有完全不同的效果。@Crashalot Check可能非常有用，其中通过示例详细说明了执行缩放和定位的

width

和'height'以及

viewBox

的任务，但没有宽度和高度，这取决于应用程序解释如何显示。这意味着，由于这是您的应用程序，只有您可以回答自己的问题。