我正在尝试学习如何正确处理现有的svg，以便将其与文本对齐。
这是我到目前为止（大概是天真的）理解的方式：
viewport-我可以在屏幕上看到的画布区域，由svg标签或css中的width / height属性设置。
viewBox-定义该视口内的平移和缩放。
通常，您的svg高度/宽度似乎应该与您的viewBox相匹配，但是以下example使我认为向量本身（或我猜想的路径）的大小很重要。因为设置了它的大小，所以我可以很好地操作该圆。
我是否只需要微调图标的viewBox，直到其居中且尺寸正确？还是有我不知道的更好的方法？
谢谢！
答案 0 :(得分：2)
我不太确定我是否理解您的问题。也许有帮助：在JavaScript中，有一种方法<form ... target="_blank">
返回外接当前元素的矩形的大小和位置。
在您的示例中，如果我将其放在JavaScript中：
getBBox()我得到let thepath = document.querySelector("path");
console.log(thepath.getBBox());
。这是图标的大小和位置。
您可以通过更改SVGRect {x: 0, y: 1, width: 15, height: 15}或通过使用CSS翻译图标来使图标居中：viewBox="-42.5 -42 100 100"