android - 图像到 Svg 路径

Question

我正在尝试使用 gimp 从 png 文件创建 svg 路径并遵循本教程:http://www.useragentman.com/blog/2013/04/26/how-to-create-svg-paths-easily-using-the-gimp/

我正在尝试使用这个 https://github.com/ViksaaSkool/AwesomeSplash作为 Android 应用程序的启动画面，但具有不同的图像。我似乎无法使用上面的教程获得图像的正确路径。

我尝试显示教程网站的 svg 路径，这是切出的矩形电视的路径，这就是我得到的结果

上面，黄色应该填充小的黑色方 block ，但不知何故在它外面创建了一个边框并填充了它。使用来自 ViksaaSkool ( https://github.com/ViksaaSkool/AwesomeSplash ) 的启动画面，我试图显示字母 U 5 +(带下划线)来代替 android Logo 。

Answer 1

CV14。我使用 Gimp 是因为它是免费的，尽管它很难使用。

导出路径时，生成的高度和宽度与图像大小相匹配。我知道，这是 Gimp 的一个糟糕功能。

我建议您使用路径工具绘制曲线，因为您将控制方向。填充形状时可能会得到不理想的结果。你能看看这个网站吗？:https://www.sitepoint.com/understanding-svg-fill-rule-property/

此外，我还建议您将图像分割成尽可能多的路径(所有路径都将在同一个 svg 中)。这样您就可以更好地控制发生的事情。

导出时，只能选择一个路径转换成SVG文件。我知道，这是 Gimp 的一个糟糕特性。但是您可以使用一些纯文本编辑器将所有 SVG 文件合并为一个文件。

回到 svg 教程:使用 Gimp:在导出路径之前尝试检查路径部分中的内容。

如果您按照教程进行操作，请省略作者反转选择时的部分，因为您选择的是电 window 口以外的所有内容。当您反转选择时，您在同一路径中有 2 个绘图。

框架

M 495.00,0.00C 495.00,0.00 495.00,417.00 495.00,417.00495.00,417.00 0.00,417.00 0.00,417.000.00,417.00 0.00,0.00 0.00,0.000.00,0.00 495.00,0.00 495.00,0.00 Z

还有电 window :

M 81.18,219.39C 75.28,224.66 73.26,233.55 71.61,241.0068.81,256.26 68.66,271.70 71.61,287.0072.76,294.37 74.47,301.98 79.68,307.7085.29,313.85 91.52,314.81 99.00,316.7399.00,316.73 126.00,321.96 126.00,321.96126.00,321.96 134.00,321.96 134.00,321.96134.00,321.96 144.00,323.00 144.00,323.00156.04,323.14 168.13,322.58 180.00,320.39187.27,319.04 193.58,317.17 198.20,310.91202.27,305.40 200.54,300.30 201.28,294.00201.28,294.00 202.00,244.00 202.00,244.00201.98,234.15 201.61,228.06 192.91,221.85187.58,218.04 176.56,216.51 170.00,215.41153.07,212.57 126.99,210.70 110.00,212.28101.11,213.56 88.05,213.25 81.18,219.39 Z

所以回到你想做的事情:在 Gimp 中:您将创建一个新图像你应该画 U 5 +(下划线)。并使用路径工具以顺时针方向绘制曲线。您应该合并所有 SVG 结果。最后，您应该在 Android 中导入 svg。