从图像中获取路径几何

Question

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

Answer 1

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

我不能为Blend提供建议（虽然我已经读过它可以在Expression Designer中完成）。但是，我发现的最好的 free 工具名为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

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

作为输入，我有Adobe Ilustrator文件。

Answer 4

Adob​​e Illustrator / CorelDraw可能是我用过的这些操作的最佳工具。 就个人而言，我更喜欢插画家用于屏幕媒体。这些描述可以导出为多种格式，如EPS，SVG，AI，甚至是XAML（使用此plugin）

最好的运气!!!!

Answer 5

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

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

提示：如果您的图片为白色，则顶部菜单项文件 - ＆gt; 文档属性 - ＆gt;哎呀棋盘背景，如果你想取消选中页面边框显示。

1. 步骤：顶部菜单项路径 - ＆gt; 跟踪位图 - ＆gt; 模式检查您想要的属性，我通常 使用 颜色属性，如果您的文件是png，请选中Remove Background点击确定，然后再次等待确定按钮启用并关闭窗口。
2. 步骤：现在您有一个双层顶层vektor文件和底层文件。 选择矢量文件和顶部菜单项修改 - ＆gt; XML编辑器 - ＆gt;选择 svg路径并在数据路径值中查看侧栏 d name 。

如果您变得复杂，可以查看我的 gif 。

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

示例，我的第一次测试如下：

并继续工作之后：

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