关于svg种viewBox的一个问题

Question

<svg width="4cm" height="5cm" viewBox="0 0 64 80" />

这个是《SVG精髓》3.3中的一个例子，但是不太理解，书中说这个viewBox设置了一个坐标系统，其中每个用户单位表示1/16厘米。

求高手深入解读~

Answer 1

viewBox 表示的是画布的区域，这里定义了一个 64用户单位 x 80用户单位 的画布。由于 SVG 矢量的关系，所以画布是可以被任意放大缩小的，所以用户单位只是一个表示，它可以是任何值。

当 SVG 的大小固定在 4cm x 5cm 情况下，此时画布大小就可以使用

64 * (1/16cm) x 80 * (1/16cm) === 4cm x 5cm

来换算。所以此时的用户单位就是 1/16cm。