图像到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路径，这是切出的矩形电视的路径，这是我所得到的

上面，黄色应该填满了黑色的小方块，但是它以某种方式在其外部创建了一个边框并将其填满。使用ViksaaSkool（https://github.com/ViksaaSkool/AwesomeSplash）的启动画面，我试图显示字母U 5 +（带下划线）代替android徽标。

<< [ “ width =” 250“ height =” 400“>

Answer 1

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

导出路径时，您得到的高度和宽度与图像尺寸匹配。我知道..这是gimp的可怕功能。

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

以及我建议您将图像分成尽可能多的路径（所有路径都将在同一svg中）。这样您就可以更好地控制发生的情况。

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

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

如果您按照教程进行操作，则当男生反转选择内容时会省略该部分，因为您选择的是电视窗口。反转选择时，在同一路径中有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

和电视窗口：

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。

最诚挚的问候！