wpf - 从图像中获取路径几何

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上，免费下载。

提示：如果您的图像是白色的，顶部菜单项File -> Document Properties -> heck Checkerboard Background并且如果您想取消选中Page border show。

2. 步骤：顶部菜单项路径->跟踪位图->模式检查你想要的属性，我通常 使用 颜色属性，如果你的文件是 png 检查删除背景然后单击确定，然后再次等待确定按钮是启用并关闭窗口。
3. 步骤：现在你有一个两层，顶层 vektor 文件和底层文件。选择矢量文件和顶部菜单项编辑-> XML 编辑器-> 选择svg 路径并查看侧列，d namepropery in your data path value。

但是这种方法可能并不总是有效，或者可能无法提供所需的结果，并使用景观绘制您自己的形状，以便您可以从 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（使用此插件）

祝你好运！！！！

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，如下图所示。