如何将 Illustrator 文件转换为 WPF 的路径

Question

我们的图形人员使用 Adobe Illustrator，我们希望在 WPF 应用程序中使用她的图像作为路径。有办法做到这一点吗？

Answer 1

您可以从 AI 转到 SVG 再到 XAML。

1. 来自 Adobe Illustrator：文件 -> 另存为 -> *.SVG。

   • SVG“Profile 1.1”似乎就足够了。

   • 请注意，要在 XAML 中保留路径/组名称，您应该启用“保留 Illustrator 编辑功能”（或至少在 CS4 中如此称呼）。

2. SharpVectors可以将SVG数据转换为XAML数据。这将生成一个带有根

   <DrawingGroup>

   的 XAML 片段。

3. 执行复制粘贴所需的操作，或者使用 XAML，例如将其放入图像中，如下所示。 AI 文件中的命名对象或组仍应在 XAML 中具有其名称，即通过

   x:Name="..."

   。

<Image>
  <Image.Source>
    <DrawingImage>
      <DrawingImage.Drawing>
        <DrawingGroup ... the output from step #2 ...>...</DrawingGroup>
      </DrawingImage.Drawing>
    </DrawingImage>
  </Image.Source>
</Image>

4. 如果你想为物体制作动画，坐标系可能会很痛苦。还有一些其他帖子，例如this，可能有见解。

Answer 2

让她将插图导出为其他格式（Illustrator 的最新版本支持 SVG），您可以使用或转换为可用的格式。

Answer 3

@ConcernedOfTunbridgeWells 建议的绕行现在开始有意义了。其他解决方案不再维护并且不再起作用。

因此，您可以使用此选项作为解决方法：

1. 将文件另存为 svg。
2. 使用 Inkscape 将它们转换为 XAML。

此解决方案甚至具有文本将保留文本并且不会转换为路径的优点。

如何转换多个文件？

Inkscape 还支持批处理模式一次转换多个文件。我使用了一个很棒的脚本（由 Johannes Deml 编写） 在 Windows 上进行批量转换，该脚本采用矢量文件并使用 Inkscapes 批处理模式将它们转换为各种其他格式。我也将其调整为转换为 XAML。

您可以在 Github 上找到包含 XAML 的脚本。一些如何使用脚本的说明由原作者提供。

Answer 4

我曾短暂使用过 Mike Swanson 的 Illustrator 插件，但现在我使用 SaviDraw。从 AI 导出到 SVG。在 SaviDraw 中打开。导出到 XAML。

仅适用于 Windows，在 Windows 应用商店免费。

可能最好的功能是它没有标准的钢笔工具，它有一个“路径”工具，可以根据您的鼠标运动或通过触摸在屏幕上绘制线条或形状。它非常适合追踪位图，可以导入（JPG 或 PNG）。