图像到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作为安卓应用程序的启动屏幕，但是图像不一样。使用上面的教程，我似乎无法为图像找到正确的路径。

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

​

​

在上面，黄色应该是填充小的黑色方块，但它以某种方式创造了一个边界外，并填补了它。使用ViksaaSkool ( https://github.com/ViksaaSkool/AwesomeSplash)的splash屏幕，我试图用U5+(下划线)来代替安卓的标志。

​

Answer 1

cv14。我使用Gimp是因为它是免费的，虽然很难使用。

导出路径时，生成的高度和宽度与图像大小匹配。我知道，这是Gimp的一个可怕的特征。

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

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

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

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

如果您遵循本教程，则在作者反转所选内容时省略该部分，因为您选择的电视窗口更少。当您倒置所选内容时，在相同的路径中有2条绘图。

框架

M 495.00,0.00 C 495.00,0.00 495.00,417.00 495.00,417.00 495.00,417.00 495.00,417.00 0.00417.00,417.00 0.00417.00,417.00 0.000.00，0.000.00，0.00 495.00,0.00 495.00,0.00 495.000.00 Z

电视窗口：

M 81.18 219.39 C 75.28,224.66 73.55 71.61,241.00 68.81,256.26 68.66,271.70 71.61,287.00 72.76,294.37 74.47,301.98 79.68,307.70 85.29,313.85 91.52,314.81 99.00,316.73 99.00,316.73 126.00,321.96 126.00,321.96 126.00,321.96 134.00，1.96 134.00,321.96 134.00,321.96 134.00,321.96 134.00,323.00 156.04,323.14 3.14168.13 322.58 180.00320.39 187.27 319.04 193.58 193.58 198.20,310.91 202.27 305.40 200.54,300.30 201.28,294.00 201.28,294.00 202.00,244.00 202.00,244.00 201.98,234.15 201.61,228.06 192.91,221.85 187.58 187.58 176.56 176.51 170.00215.41 153.07 212.57 126.99 210.70 110.00,212.28 213.56 88.05 213.25 81.18 239 Z

因此，回到您想要做的事情:在Gimp:您将创建一个新的图像，您应该画U5+(下划线)。使用路径工具，您应该画出沿顺时针方向的方向的曲线。你应该合并所有的SVG输出。最后，您应该在Android中导入svg。