SVG的宽度和高度为浮点数

Question

在Illustrator中裁剪SVG图稿时，宽度可能会变为例如20.121021 px而不是20。

在HTML / CSS中使用SVG时，浮点数宽度/高度是否有任何已知问题？是否有理由始终将宽度和高度的图稿保存为整数？

Answer 1

由于SVG是矢量格式，您可以使用任何所需的宽度/高度。从插图画家中保存SVG的宽度/高度并不重要，只需调整css中的大小即可。

只需提供您的SVG（实际上是以svg标签开头的文本文件）id / class

<svg class="svg--class">...</svg>

.svg--class { 
    width: 20px;
    height: 20px;
}

所以回答你的问题：不，用浮点数保存SVG没有问题。

Answer 2

额外的数字将bloat添加到具有大量路径的SVG文件中，并且不会为大多数绘图添加精度。有许多svg清理实用程序，允许您向上/向下舍入路径坐标。