我有一个带有 viewBox="-155.7 -99 510 510" 的 SVG 文件。我相信这会使 Mac OS X 预览中的路径偏移 -155.7 -99。当我在 Illustrator 中打开 SVG 时,路径根本没有偏移。我如何导出这个 svg,这样:
- 视图框="0 0 510 510"
- 并且所有路径都添加了 -155.7 -99 的偏移量
我试过改变画板的位置,但视图框的原点永远不是 0,0。
我有一个带有 viewBox="-155.7 -99 510 510" 的 SVG 文件。我相信这会使 Mac OS X 预览中的路径偏移 -155.7 -99。当我在 Illustrator 中打开 SVG 时,路径根本没有偏移。我如何导出这个 svg,这样:
我试过改变画板的位置,但视图框的原点永远不是 0,0。
我已经多次遇到过这个问题,唯一能让我在从 Illustrator 导出时可靠地将 SVG 视图框重置为 0、0 的方法是创建一个新的空白文档并将图稿复制并粘贴到其中.
这个未触及的默认画板的左上角将导出为视图框的 0、0 点。如果您需要您的作品正好从 0、0 开始,请使用智能参考线 ( cmd-u
) 或align
设置为的窗口。Align to Artboard
您可以从右下角安全地调整画板的大小,但如果您移动左上角,事情就会开始出错。移动画板的左上角或将 SVG 文件导入 AI 似乎会导致标尺、画板和某种只有 Illustrator 知道的不可见的秘密视图框原点之间出现某种奇怪的内部断开。
AFAICT,与大多数与 Web 或新兴技术有关的事情一样,Adobe 处理 SVG 的方法是粗暴地把一些东西放在一起,这样他们就可以在新闻稿中吹嘘它,然后让它有缺陷、未完成和不受欢迎,假装它没有像1998年一样存在并继续下去。
我知道这个话题已经很晚了,但是我遇到了同样的问题并做了以下事情。
希望这对其他人有帮助。
我对 SVG 做了一些研究,显然视图框不是可以通过 Illustrator 导出的元素。viewbox 元素仅与选择使用此元素或对其进行操作的某些程序兼容。可悲的是,Illustrator 不是其中之一。
如果您在没有“保留 Illustrator 编辑功能”的情况下从 Illustrator 保存 SVG,则可以反转该过程。您对 SVG 文件的数据所做的任何更改都将反映在 Illustrator 中,但通过重新定位和调整画板和图层的大小来创建伪视图框。
现在您所能做的就是在 Illustrator 中进行设计工作,以及在文件数据中偏移和定位视图框的所有额外代码。您可以通过简单地更改画板宽度 + 高度/X + Y 位置然后更改对象的大小和位置属性来制作一个伪视图框。但是,除非他们发布具有可编辑视图框功能的 Illustrator 更新,否则永远不会有真正的视图框属性。
关于 Illustrator 中 SVG 格式的一些阅读:Adobe Illustrator Save in SVG Format
我有一个非常相似的问题,我的 AI 创建的 SVG 没有居中并扩展到完整的浏览器窗口,因为 AI 不断更改画板大小而忘记了居中。
修复它的唯一方法是在 Inkscape 中进行最后的手动处理步骤。
最后,您必须再次保存 SVG,但在“另存为”对话框中使用“优化的 SVG”格式。将有一个 SVG 选项对话框,您必须启用“启用视图框”。
由于我所有的 SVG 都是相同大小的图标,因此这个处理步骤只需 1 分钟,因为我始终拥有相同的画布和对象大小。但是,是的,很遗憾,这一步是必需的,应该在 AI 中修复。