Adobe Illustrator 19 SVG 视图框？答案

【问题标题】：Adobe Illustrator 19 SVG Viewbox?Adobe Illustrator 19 SVG 视图框？
【发布时间】：2015-10-09 13:11:46
【问题描述】：

我们在 Illustrator 中将图标生成为 SVG，然后使用 fontcustom 生成基于字体的图标。不知从何而来，他们进得太低了。我在 svg 中发现了这个奇怪的 viewBox，上面有一个负 49。这在 Illustrator 中是如何控制的？我不想要任何视图框，我只想要一个完美居中的图标。我还看到它认为它是分组的。我唯一的解决方法是取消组合，然后将 X 和 Y 设置为零，这样就可以了。它确实在图层上放置了一个补偿到 -49 的变换。是什么导致了这种奇怪的偏移。

<svg version="1.1" id="Layer_1" xmlns:x="&ns_extend;" xmlns:i="&ns_ai;" xmlns:graph="&ns_graphs;"
 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="-49 141 512 512"
 style="enable-background:new -49 141 512 512;" xml:space="preserve">

【问题讨论】：

标签： adobe-illustrator

【解决方案1】：

Illustrator 中的 Viewbox 是基于我相信的艺术板，让它与艺术品完全匹配是一件痛苦的事。将其全部归零的简单方法是在 illustrator 中突出显示对象选择副本。然后转到您的代码编辑器，创建一个新文档并粘贴它。它将使用正确设置的视图框复制 svg 代码（从 0,0 开始）。然后只需将文件保存为 svg 即可。

【讨论】：