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

Question

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

Answer 1

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

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

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

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

2. SharpVectors 可以将 SVG 数据转换为 XAML 数据。 这将生成根 的 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. 如果你想为物体制作动画，坐标系可能会很痛苦。 还有一些其他帖子，例如此可能会有见解。

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）。