缩放 svg 内容以适应页面大小(反之亦然),而无需 inkscape



我想缩放SVG图像以适应页面大小(反之亦然:裁剪页面以适应内容)。这可以使用 inkscape 完成,如此处所述。但是,如果没有gui,似乎没有办法做到这一点。通过命令行使用动作和动词将始终需要 GUI。有没有其他方法来存档它?

你的问题不是很清楚你想具体问什么,如果你愿意,我会回答

缩放 Svg 以在 HTML 文档中调整页面大小

如果将 SVG 的 viewBox 属性更改为与图像的高度和宽度比例不同的比率,则 SVG 将不适合页面,因为默认情况下,<svg>标记有一个名为PreserveAspactRatio的属性,默认情况下设置为meet。您必须将此属性更改为剪辑,以便 SVG 填充整个视口。

如果您定义的纵横比与 SVG 的高度和宽度比例不同,图像将扭曲,但它会填充页面。

只需在标签中添加此代码即可。

preserveAspectRatio = "xMinYMin slice"

它可以在切片之前有不同的参数,即

none

不要强制均匀缩放。如有必要,不均匀地缩放给定元素的图形内容(不保留纵横比),以使元素的边界框与视区矩形完全匹配。

xMinYMin

强制均匀缩放。 将元素的视框与视口的最小 X 值对齐。 将元素的视框与视区的最小 Y 值对齐。

xMinYMid

强制均匀缩放。 将元素的视框与视口的最小 X 值对齐。 将元素视框的中点 Y 值与视区的中点 Y 值对齐。

xMaxYMax

强制均匀缩放。 将元素的视框的 + 与视口的最大值 X 值对齐。 将元素的视框的 + 与视口的最大 Y 值对齐。 等。。

有关更多详细信息,如果您的问题专门与 Web 相关,则可以参考本文。

最新更新