以适当的 viewBox 大小将 SVG 导入 Illustrator

平面设计 adobe-illustrator svg 画板
2022-02-12 23:47:16

当我尝试使用 Illustrator 打开svg文件时，Illustrator 默认为打开文件时上次使用的画板大小。因此svg，如果与前一个画板的大小不同，则会将其放置并自动调整大小到该画板中。

是否有一种解决方法，不涉及打开具有画板大小的假文档svg，然后关闭该文档和File > Open实际文档svg？

注意：我不想在另存为 svg 对话框中使用“保留 Illustrator 编辑功能”从 Illustrator 中保存 svg。

您可以使用任何 svg 进行测试，但这里有一个超级简单的 320 x 240：

<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 17.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
     viewBox="0 0 320 240" enable-background="new 0 0 320 240" xml:space="preserve">
<rect width="320" height="240"/>
<text transform="matrix(1 0 0 1 98.6523 133)" fill="#FFFFFF" font-family="'ArialMT'" font-size="48">Why?</text>
</svg>
2个回答

我为此找到了一种解决方案。从 Illustrator 保存 SVG 时，必须取消选中“响应式”选项。

Illustrator 不关心 viewBox 属性，但关心 width/height 属性。选中“响应式”时，SVG 元素没有这些属性，这就是为什么在重新打开 SVG 时不考虑它的原因。

我知道这并不完全是您想要的答案，但我主要使用 SVG 来限制他在 Illustrator 中的使用，因为您可以轻松地直接使用文本。Illustrator 添加了很多我不想在我的 SVG 文件中包含的无意义代码，我只在需要塑造我需要使用的“路径”时使用它。

我的 2 美分：首先，在处理 SVG 元素时，拥有一个不错的 viewbox 编号很有帮助。因此，您可能希望有一个方形而不是矩形的视图框，例如“0 0 32 32”或“0 0 100 100”，这样您就可以通过文本编辑器修改 SVG 来移动 SVG 元素并调整其大小而不是来自 Illustrator。

即使您仅在高度上调整元素的大小，仍然会受到其最大宽度的限制。以正方形作为公制更容易。

1) 通过文本编辑器创建一个具有“0 0 100 100”值的空字段（这将是您从现在开始打开的标准文件）。请记住使用 .svg 扩展名保存它。

2）避免在illustrator文件中使用真实的文本字体，“扩展”它们，使它们成为矢量并且可以毫无问题地调整大小（如果操作系统没有该字体，它将呈现系统的字体） .

3) 在 Illustrator 中打开文件，然后复制并粘贴您的作品。将元素分组并将对象适合画板（反之亦然）。你可以用不同的方式来做，重要的是你要保持所有元素的比例。

使用 from 和 now 并且始终使用创建的文件在“0 0 100 100”比例内插入您想要的所有形状。如果您在周围有很多空白的画布内插入一个矩形元素，在网络上链接 svg 文件时，画布的空白将是透明的，因为实际上并不存在。

奖励：使用https://jakearchibald.github.io/svgomg/将您的 svg 路径简化为基本文本。

其它你可能感兴趣的问题
上一篇如何确定字体的来源以及我是否有许可证？ 下一篇如何在 Adob​​e Illustrator 中忽略符号中剪贴蒙版之外的对象