使用本地资源将 .AI 文件链接到 SVG <image> 元素答案

【问题标题】：link .AI file intp SVG < image > element using a local resource使用本地资源将 .AI 文件链接到 SVG <image> 元素
【发布时间】：2015-01-16 22:18:11
【问题描述】：

我想将ai文件链接到svg文件，这是我的代码。

<image xlink:href="31218_1.ai" style="stroke: none; stroke-width: 1; stroke-dasharray: ; fill: 000000; opacity: 1;" transform="translate(-466 -390)" width="932" height="780"></image>

但是在将文件打开到 illustrator 时，它要求替换，无法识别，我做错了，ai 文件位于 svg 文件所在的同一目录中

【问题讨论】：

请注意：这些样式不会应用于链接的图像。无论如何 - 该 SVG 的目标环境是什么？浏览器甚至无法显示该 .ai 文件。

标签： xml image svg

【解决方案1】：

如果文件 31218_1.ai 实际上是 Adobe Illustrator 文件，那么您就不走运了。您不能将任何旧文件类型链接到 SVG <image>。 SVG <image> 元素仅适用于常见的位图格式（JPEG、GIF 等）和 SVG 文件。

从 Illustrator 中将文件导出为 SVG，然后链接到该文件。

【讨论】：