如何按比例打印 SVG 文件

已发表: 2023-01-29

如果要按比例打印 SVG 文件，则需要在矢量编辑程序（如 Adobe Illustrator、Inkscape 或 Affinity Designer）中打开它。打开文件后，您需要选择正确的打印设置。例如，如果要将 SVG 文件打印到 4″ x 6″ 卡片，则需要从宽度设置中选择“4”，从高度设置中选择“6”。如果您希望 SVG 文件自动缩放以适合可打印区域，您还可以选择“缩放以适合”选项。最后，单击“打印”按钮，您的 SVG 文件将按比例打印！

可缩放矢量图形 (SVG) 是一种矢量图形技术，允许大规模生成图形。 Amelia Bellamy-Royds 分享了她对缩放 SVG 的见解。它不像缩放光栅图形那么简单，但它开辟了多种新选项。初学者不确定是否在 SVG 中这样做，并且让它按照您想要的方式运行可能很困难。 aaster 图像的纵横比是明确定义的：宽度到高度。但是，如果您强制浏览器以与其固有高度和宽度不同的尺寸绘制图像，则会出现扭曲。绘制内联 SVG 时，画布大小由代码指定，与内联 SVG 的大小无关。

ViewBox用于制作Scalable Vector Graphics，这是矢量图形的最后一步。 ViewsBox 是一个。 svg 元素属性。该值是四个数字的列表，可以用空格或逗号分隔：x、y、宽度和高度。视口左上角的坐标系是使用坐标 y 和 x 定义的。以百分比表示的高度是必须缩放以填充特定空间的字符数和坐标数。如果尺寸与图像的纵横比不匹配，默认情况下不会拉伸或扭曲。现在可以使用新的 object-fit CSS 属性以相同的方式适应其他图像类型。您还可以设置 PreserveRatioAspect=”none” 选项以将图形缩放到与光栅图像相同的大小。

光栅图像可以缩放以适合您选择的比例，图像的高度或宽度相同。 sva可以吗？跟踪变得更加困难。使用 >img> 格式的图像是一个很好的起点，但您必须修改它才能获得最佳效果。使用各种 CSS 属性，您可以通过调整元素的高度和边距来控制元素的纵横比。其他浏览器的行为会自动将默认的 300*150 大小应用于未在任何规范中设置 viewBox 的图像。当您使用最新的 Blink/Firefox 浏览器时，您的图像将适合 viewBox。

如果您在这些浏览器中不指定高度或宽度，它们将始终具有相同的默认尺寸。替换元素最简单的方法是使用容器元素，它可以用于内联 SVG 以及 >object> 和其他替换元素。图形中的内嵌图形 (*svg) 中的官方高度将为零。在默认 preserveRatioAspect 值的情况下，图形将被缩放为零。为此，您的图形应拉伸以覆盖整个宽度，然后溢出到您为它们精心留出的填充区域。 ViewBox 和 preserveRatioAspect 功能只是众多可用选项中的一小部分。嵌套元素可用于创建图形比例尺，该比例尺根据其自身的缩放属性具有不同的部分。使用这种方法，您可以创建一个标题图形，它不会伸展到覆盖宽屏显示器的大片区域。

你能缩放 Svg 吗？

是的，您可以缩放 SVG。为此，您可以使用宽度和高度属性或 viewBox 属性。如果您不指定其中任何一个，浏览器将以默认大小显示 SVG，即 300 像素 x 150 像素。

当谈到图像的大小时，该算法主要关注其尺寸和比例。固定尺寸不会与已渲染的相同尺寸的光栅图像区分开来。如果要将 SVG 的纵横比更改为不同的纵横比，请确保存在 preserveRatio=none 属性。为两个维度指定固定长度时，始终使用这些长度。 background-size 的覆盖越大，图像越小，但整个背景保持不变。如果图像未指定两个维度或固有比率，则无需应用规则 2 或规则 3。这是因为大/小约束决定了如何分配结果空间。

这就是输出的显示方式。换句话说，图像的大小适合最小尺寸，同时保持 1:1 的纵横比。没有固有尺寸但没有固有比率的图像以相同的方式工作。如果未指定内在比率或尺寸，则激活规则 3，并根据这些尺寸呈现图像。知道一个维度和一个比率与明确指定两个维度是一回事。因为此图像默认设置为 100 像素，使用 3:4 比例，自动模式默认将其表示为 75 像素。如果图像没有尺寸或固有比例，规则 4 适用，我们使用背景区域的尺寸来计算自动尺寸。

它仅适用于指定绘制渲染背景的维度，除非它被 CSS 特别忽略。使用固有比率以及固有比率来确定尺寸。如果未在 SVG 中指定尺寸，则应用 CSS 中指定的尺寸，而不管 SVG 中的尺寸如何。汽车箱的高度由其内在比率决定。

因为SVG 文件可以在不损失质量的情况下调整大小，所以这个问题是可能的，但布局也可以改变。例如，可以将带有大标签的 SVG 缩小以使其不那么明显。具有很多复杂细节的矢量图形在缩小时可能会变得模糊甚至丢失一些细节。为避免这种情况，您可以在创建 SVG 文件时使用特定的大小调整功能。即使按比例缩小，这也将确保布局保持不变。如果您创建网站，则可以使用 SVG 文件来显示图形、图表和插图。 SVG 的布局可能会随着放大而改变。无论容器大小，布局都必须保持相同。

如何缩放 Svg 文件？

如何调整 SVG 图像的大小？首先，您必须先导入一个SVG 图像文件：拖放您的图像文件或在白色区域内单击以选择一个。然后可以通过单击调整大小按钮来更改调整大小设置。您现在可以在该过程完成后下载结果。

Svg 可以拉伸吗？

如果 SVG 图像具有固定尺寸，它将被视为与相同尺寸的光栅图像类似。如果您打算使用 CSS 在页面背景上拉伸它，请确保您的 SVG 包含 preserveRatio=none。

Svg 可以打印成任何尺寸吗？

将光栅图像缩放到正确的物理尺寸并保存为 pdf 后，您可以在 inkscape 之外设置打印尺寸。

该规范将在其第一个公开工作草案中公开。根据该文件，可缩放矢量图形 (SVG) 用于打印环境。该文档在稳定类别中没有位置。可以随时对这些文件进行文件修订。 W3C 的政策不是认可这些文档的发布。 SVG 打印规范的目标是教您如何使用 SVG 打印的 1.2 功能。该文件以其最基本的形式作为公众表达意见的一种方式。

如果您想提供反馈，请发送电子邮件至 [email protected] 此部分包含有关其他区域的信息。 Print 方法指定SVG 打印设备在打印 1.0 文件时应该做什么。设备应该以允许在屏幕分辨率和打印机分辨率之间直接调整尺寸的方式缩放图像。供应商可以自由实施作业控制扩展，这将允许大面积平铺。但是，这不是规范的一部分，而是供应商的扩展。在 SVG 1.2 中，引入了范围机制（类似于页面元素中的机制）。

从 SVG 打印设备导出图像时，页面元素用于限制物理可检测页面的数量。类似地，如果页面包含 defs 部分，则定义的对象仅可用于包含它的元素内的引用。 SVG 工作组已经讨论了结合使用范围 CSS 和页面范围。由于全局和页面特定内容的范围，现在有一个“母版页”工具可用。如果您使用 CSS，强烈建议文档在任何页面元素之前定义整个文档的所有样式。流式文档使查看和处理文档变得更加容易。该文件不包含任何前向引用（如 use 元素所示）。

如果资源在文档中的特定位置未定义，则该资源被声明为不存在。因为引用文档的任何其他部分的所有文档都需要流媒体属性，所以可能需要缓冲区。外部文件，例如 JPEG 图像或外部 sva 文件，用于指代包含在SVG 打印文档中的外部文件。参考图像可能应该与文档捆绑在一起，以便 SVG 打印设备可以传输它。当使用单向传输配置时，如果允许打印机设备发出对引用内容的获取请求，则可能更可取。 Multiplex MIME 是一种 MIME 编码技术，用于在一个 MIME 消息中发送和接收多个文件。一个 MIME 部分可以分成多个部分来控制页面描述上的打印作业。

这是捆绑作业的示例，可以在下面找到。包含宽度和高度属性的 svg 元素可用于指定各种格式的大小。基于屏幕的渲染机制的行为，例如它的绝对尺寸或当前视口的百分比，类似于打印页面的行为。当没有可用的宽度或高度信息时，SVG 打印设备将为打印机设备选择默认纸张尺寸。落在 2 英寸 x 3 英寸可打印区域内的数据将被剪裁。 1.2 版本预计将包括创建所谓的“命名”或“专色”颜色的能力。本节将介绍如何在 SVG 渲染中使用命名颜色以及语法是什么。它还将解释将遗留内容发送到 SVG 打印设备时的行为，并指定将遗留内容发送到 SVG 打印设备的方法。创建本规范的 W3C SVG 工作组由本规范的作者领导。

创建详细图表、表格或信息图的最佳方法是使用 .sva 文件。使用 Flatten 工具，您可以使用 Cricut Design Space 将任何分层 SVG转换为 Print Then Cut 图像。选择要拼合的图层后，单击图层面板中的拼合工具。您可以选择从不需要的图层列表中进行选择，然后在选择“先打印后剪切”图像之前使用该工具自动删除它们。

使用 Svg 图像的优缺点

尽管如此，一些复杂的 SVG 文件可能包含 PNG、JPG 或 .JPG 图像。使用 XML，矢量图像可以缩放到任意大小而不会损失分辨率，即使是大格式，它们看起来也和原始图像一样高质量。图像的质量随着图像的大小而降低，类似于 PNG。因为它们是专门为网络使用而设计的，所以大规模打印对他们来说通常不是一个可行的选择。对他们来说最好的尺寸是大屏幕。因此，当涉及到需要用户放大的详细图表、表格或信息图时，它们是极好的选择。相比之下，SVG 图像可以以任何尺寸绘制，因此它们不需要特定的高度或宽度。然而，它们并不总是具有明确定义的纵横比。因此，如果要打印 SVG，必须先将其转换为不同的文件类型（例如 JPEG）。但是，如果这样做，一些复杂的细节将会丢失。