从图像中获取路径几何

Question

如果我有一个徽标，可以说是 jpg 甚至是 png。关于如何使用它来定义路径几何的任何建议？如果可以就我如何在混合中做到这一点提供任何建议，那将是非常好的。 谢谢

Answer 1

是的 - 两天前我刚刚为一个 LOB 应用程序解决了这个问题。

我无法为 Blend 提供建议（尽管我已经读过它可以在 Expression Designer 中完成）。但是，我为此找到的最好的免费工具叫做 InkScape (http://www.inkscape.org)。

它是开源的，虽然它主要用于编辑基于 SVG 矢量的图像，但它有两个对我们 WPFers 有用的关键特性：

1. 它可以矢量化（即“跟踪”）位图和 jpeg 等光栅图像，尽管效果不如人们希望的那样，并且
2. 可以将矢量图像导出为 XAML

您总是会发现加载矢量格式（如 SVG、EMF、WMF 等）并保存为 XAML 会比尝试转换位图/jpeg 获得更好的结果...仅仅是因为对光栅图像进行矢量化充其量是容易出错的。因此，如果您想将公司徽标引入 XAML，请尝试获取用于创建徽标的源文件（可能在 Illustrator 中完成？）并将其导入 InkScape。

如果这篇文章对你有帮助，请善待并给予好评。

Answer 2

Jasema 是一款非常适合这项工作的工具。

此外，不要害羞地使用 Blend - 它使用起来有些困难（使用钢笔绘制形状），但它会很快变得更容易。打开网格线并选择捕捉它们以获得良好的效果。

Jasema 和 Blend 都缺乏的是能够轻松创建具有中心对称性的形状（如星星），所以我从 Jasema 中提取了一些部件并创建了自己的工具（名为 Radius），它的工作原理有点像尺子和指南针。

Answer 3

我有一个好主意，但你的 png、bmp、jpg 或其他非矢量文件必须非常简单，因为我们需要最好的扫描结果并且只使用inkscape。

1. 步骤：将文件工作区拖放到 Inkscape，download free。

提示：如果您的图像是白色的，顶部菜单项文件->文档属性->见鬼棋盘背景，如果你想取消选中页面边框显示。

1. 步骤：顶部菜单项Path-> Trace Bitmap-> Mode检查你想要的属性，我通常 em> 使用 color属性，如果你的文件是png检查删除背景然后点击OK，然后再次等待确定按钮启用 并关闭窗口。
2. 步骤：现在你有一个两层，顶层 vektor 文件和底层文件。 选择矢量文件和顶部菜单项编辑-> XML编辑器->选择svg路径并查看侧栏， d name 数据路径中的属性value。

但是这种方法可能并不总是有效，或者可能无法提供所需的结果，并使用 scape 绘制您自己的形状，以便您可以从 XML 编辑器中获取路径数据。

例如，我的第一次测试是这样的：

在继续努力之后：

Answer 4

我已经使用 Microsoft Expression Design 4（免费版）解决了我的问题（将图像导出为 XAML）。我已经从链接下载了 http://www.microsoft.com/en-us/download/confirmation.aspx?id=36180

作为输入，我有 Adob​​e Ilustrator 文件。

Answer 5

Adobe Illustrator / CorelDraw 可能是我使用过的用于这些操作的最佳工具。 就个人而言，我更喜欢 illustrator 用于屏幕媒体。这些跟踪可以导出为多种格式，例如 EPS、SVG、AI 甚至 XAML（使用此 plugin）

祝你好运！！！！

Answer 6

我最近一直在为此苦苦挣扎。我有一组在数据中完成的图标，需要更新它们以使其看起来更好。

我尝试了所有方法，手动输入它们。绘制 svg，将 svg 转换为 xaml。

最后我从谷歌素材图标中找到了一个开源图标列表。

然后我使用它从 svg 文件转换为数据 https://github.com/BerndK/SvgToXaml

效果很好，但不适用于我自己画的图标。

我决定将我转换的所有图标数据放入我自己构建的应用程序中，该应用程序将为您提供数据和图标预览。随意使用和贡献。我会尽可能多地更新。 https://github.com/sgreaves1/XamlIcons

Answer 7

在在线转换器中将您的图像从 png 转换为 svg，然后将文件拖放到此站点 http://inloop.github.io/svg2android/ 中，您将看到您的图像的 pathData，如下图所示。