svg生成vector不正确相关问题收集

[MegatronKing]

如果各位使用中遇到svg无法生成vector，或者生成vector不正确情况时，希望可以将svg文件代码提供出来，方便解决问题。

[likeqi]

<vector xmlns:android="http://schemas.android.com/apk/res/android"
android:width="86dp"
android:height="85dp"

这个位置可以指定单位为px吗？

[MegatronKing]

还不支持

[furuiCQ]

<path id="XMLID_20_" class="st0" d="m 14.6,7 22,10.8 -4.2,8.6 L 10.4,15.6 14.6,7 M 14.2,5.7 9.1,16.1 32.9,27.7 38,17.3 14.2,5.7 l 0,0 z" inkscape:connector-curvature="0" style="fill:#ff0000" />

解析这个path的时候出错，我发现是path的路径的问题，在网页上正常显示。但是通过转换后，产生的图形就出错了。

[SundyJin]

出错是因为inkscape:connector-curvature="0" 这个属性不支持，删掉就好了。

[furuiCQ]

这是转换成xml的错误图形效果：

您好，删除掉inkscape属性以后依然会解析出错。
<g id="XMLID_3_" transform="matrix(0.67787665,0.71779185,-0.69884224,0.69625776,5.9196871,6.2052914)"> <path style="fill:#ff0000" class="st0" d="m 14.6,7 22,10.8 -4.2,8.6 L 10.4,15.6 14.6,7 M 14.2,5.7 9.1,16.1 32.9,27.7 38,17.3 14.2,5.7 l 0,0 z" id="XMLID_20_" /> </g>
我发现在外层含有g标签的transform导致出错。

正确图形如下：

[MegatronKing]

看样子确实是transform导致的bug

[furuiCQ]

@MegatronKing
在transform这块阅读了大神的源码还是没有发现哪里存在问题，希望大神能够看看是哪块细节导致的，我这边也继续研究下。ヽ(^ｰ^)人(^ｰ^)ノ

[MegatronKing]

应该是这里的PathDataNode的transform算法有问题。
https://github.com/MegatronKing/SVG-Android/blob/master/svg-generator/src/main/java/com/github/megatronking/svg/generator/utils/PathDataNode.java

[MegatronKing]

transform的bug已经修复，见 42ebca8

[MegatronKing]

transform修复在1.3.9版本，已更新

[XuQK]

@MegatronKing 刚发现这个库，一开始很惊喜，试用过后，发现 svg2vector 这一步基本上成功不了。。用AS自己的svg2vector功能转出来的xml代码贴近去也可以顺利生成java代码。
所以我想作者大大能不能将步骤拆分一下，多一个从vector2java的功能，指定vector文件的目录呢。
附所用的svg文件：

<?xml version="1.0" encoding="UTF-8"?>
<svg width="148px" height="148px" viewBox="0 0 148 148" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    <!-- Generator: Sketch 50.2 (55047) - http://www.bohemiancoding.com/sketch -->
    <title>太极</title>
    <desc>Created with Sketch.</desc>
    <defs>
        <linearGradient x1="50%" y1="2.18117775%" x2="50%" y2="100%" id="linearGradient-1">
            <stop stop-color="#ABE251" offset="0%"></stop>
            <stop stop-color="#43B42B" offset="100%"></stop>
        </linearGradient>
        <filter x="-49.8%" y="-37.1%" width="199.5%" height="174.2%" filterUnits="objectBoundingBox" id="filter-2">
            <feGaussianBlur stdDeviation="10" in="SourceGraphic"></feGaussianBlur>
        </filter>
        <polygon id="path-3" points="2.0757315e-05 0.0593095361 60.2792427 0.0593095361 60.2792427 80.8999191 2.0757315e-05 80.8999191"></polygon>
    </defs>
    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
        <g id="文化" transform="translate(-548.000000, -433.000000)">
            <g id="太极" transform="translate(548.000000, 433.000000)">
                <circle id="Oval-5-Copy-11" fill="url(#linearGradient-1)" cx="74" cy="74" r="74"></circle>
                <g id="Group-3" transform="translate(44.000000, 34.000000)" fill="#3EA21B">
                    <path d="M14.957136,21.0298407 C14.957136,24.6373607 17.881907,27.5621318 21.4898439,27.5621318 C25.0974681,27.5621318 28.022135,24.6373607 28.022135,21.0298407 C28.022135,17.4219038 25.0974681,14.4971327 21.4898439,14.4971327 C17.881907,14.4971327 14.957136,17.4219038 14.957136,21.0298407" id="Fill-4"></path>
                    <path d="M21.6212552,67.3637335 C18.0248428,67.3637335 15.116743,64.4308237 15.116743,60.8223572 C15.116743,57.2053314 18.0333533,54.2805634 21.6212552,54.2805634 C25.2092609,54.2805634 28.1253523,57.2138907 28.1253523,60.8223572 C28.1338628,64.4308237 25.2177714,67.3637335 21.6212552,67.3637335 M20.6178466,0.0593095361 C31.4752715,0.332893299 40.1982218,9.27713041 40.1982218,20.2652606 C40.1982218,31.4329268 31.2028318,40.4794577 20.0993288,40.4794577 C8.99541077,40.4794577 2.0757315e-05,49.5264062 2.0757315e-05,60.6854088 C2.0757315e-05,71.8529706 9.00392127,80.8999191 20.0993288,80.8999191 C20.2692275,80.8999191 20.4480517,80.8999191 20.6178466,80.8913598 C42.5703677,80.617776 60.2890194,62.6265905 60.2890194,40.4794577 C60.2890194,18.3326381 42.5703677,0.332893299 20.6178466,0.0593095361" id="Fill-1" opacity="0.6" filter="url(#filter-2)"></path>
                </g>
                <g id="Group-3-Copy" transform="translate(44.000000, 34.000000)">
                    <mask id="mask-4" fill="white">
                        <use xlink:href="#path-3"></use>
                    </mask>
                    <g id="Clip-2"></g>
                    <path d="M14.957136,21.0298407 C14.957136,24.6373607 17.881907,27.5621318 21.4898439,27.5621318 C25.0974681,27.5621318 28.022135,24.6373607 28.022135,21.0298407 C28.022135,17.4219038 25.0974681,14.4971327 21.4898439,14.4971327 C17.881907,14.4971327 14.957136,17.4219038 14.957136,21.0298407" id="Fill-4" fill="#FFFFFF" mask="url(#mask-4)"></path>
                    <path d="M21.6212552,67.3637335 C18.0248428,67.3637335 15.116743,64.4308237 15.116743,60.8223572 C15.116743,57.2053314 18.0333533,54.2805634 21.6212552,54.2805634 C25.2092609,54.2805634 28.1253523,57.2138907 28.1253523,60.8223572 C28.1338628,64.4308237 25.2177714,67.3637335 21.6212552,67.3637335 M20.6178466,0.0593095361 C31.4752715,0.332893299 40.1982218,9.27713041 40.1982218,20.2652606 C40.1982218,31.4329268 31.2028318,40.4794577 20.0993288,40.4794577 C8.99541077,40.4794577 2.0757315e-05,49.5264062 2.0757315e-05,60.6854088 C2.0757315e-05,71.8529706 9.00392127,80.8999191 20.0993288,80.8999191 C20.2692275,80.8999191 20.4480517,80.8999191 20.6178466,80.8913598 C42.5703677,80.617776 60.2890194,62.6265905 60.2890194,40.4794577 C60.2890194,18.3326381 42.5703677,0.332893299 20.6178466,0.0593095361" id="Fill-1" fill="#FFFFFF" mask="url(#mask-4)"></path>
                </g>
            </g>
        </g>
    </g>
</svg>

<?xml version="1.0" encoding="UTF-8"?>
<svg width="30px" height="37px" viewBox="0 0 30 37" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    <!-- Generator: Sketch 50.2 (55047) - http://www.bohemiancoding.com/sketch -->
    <title>定位</title>
    <desc>Created with Sketch.</desc>
    <defs></defs>
    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
        <g id="养老—养老院" transform="translate(-535.000000, -65.000000)" fill="#C51C06">
            <g id="定位" transform="translate(535.000000, 65.000000)">
                <path d="M15.0290323,0.036097561 C6.7331085,0.0468365854 0.0104692082,6.94273415 0,15.4524634 C0,25.9519805 13.4630059,35.854128 14.0360411,36.2752061 L14.9907185,36.9999549 L15.9455718,36.2752061 C16.5184751,35.854128 29.9816129,25.9618171 29.9816129,15.4621646 C29.9764663,6.97905732 23.298827,0.0898378049 15.0290323,0.036097561 Z M15.0290323,32.6219073 C12.0498827,30.2320232 3.43746334,22.6904756 3.43746334,15.4524634 C3.43746334,8.88564024 8.62719941,3.56215244 15.0290323,3.56215244 C21.4308651,3.56215244 26.6206452,8.88564024 26.6206452,15.4524634 C26.6206452,22.6709378 17.9984164,30.2320232 15.0290323,32.6219073 Z" id="Fill-1"></path>
                <path d="M10,15.4884605 C10,18.3398238 12.2386206,20.6511628 15.0000642,20.6511628 C17.7615078,20.6511628 20,18.3398238 20,15.4884605 C20,12.6370973 17.7615078,10.3255814 15.0000642,10.3255814 C12.2386206,10.3255814 10,12.6370973 10,15.4884605 Z" id="Fill-4"></path>
            </g>
        </g>
    </g>
</svg>

[MegatronKing]

@XuQK

1. 这个库不支持所有的SVG规范标签，支持的部分请参考：https://github.com/MegatronKing/SVG-Android/blob/master/support_doc.md
2. 如果需要vector2Java可以使用gradle-plugin，未直接提供此命令或API（当然可以阅读plugin源码自己写），plugin请参考：https://github.com/MegatronKing/SVG-Android/tree/master/svg-plugin

[XuQK]

比如第二个svg图，我在不影响显示的情况下删除了一些标签，只保留了支持的标签，然后显示还是有问题。原图是外面一个圆里面一个点的定位的图标，用您的工具转换成vector后，里面的点消失了。

[MegatronKing]

bug，待修复

[XuQK]

可否能告知，是不是可以通过调用AS的svg转vector的方法呢。因为我试了好几个svg转vector的工具，还是AS自带的最好用容错率最高。我去安装目录下找了一圈也没找到相关的东西。非常感谢