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自带的最好用容错率最高。我去安装目录下找了一圈也没找到相关的东西。非常感谢

[byronwxb]

@MegatronKing
发现圆形、圆角、弧形transform rotate之后，会出问题
<?xml version="1.0" encoding="UTF-8"?> <svg width="200px" height="100px" viewBox="0 0 200 100" 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>shape/ddd</title> <desc>Created with Sketch.</desc> <defs></defs> <g id="haha" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="fragment/test" transform="translate(-412.000000, -250.000000)" fill="#FF0000" fill-rule="nonzero"> <g id="shape/ddd" transform="translate(412.000000, 250.000000)"> <rect id="shape_1" transform="translate(100.000000, 50.000000) rotate(90.000000) translate(-100.000000, -50.000000) " x="50" y="-50" width="100" height="200" rx="25"></rect> </g> </g> </g> </svg>

[drchengit]

<vector xmlns:android="http://schemas.android.com/apk/res/android" xmlns:aapt="http://schemas.android.com/aapt" android:width="48dp" android:height="48dp" android:viewportWidth="48" android:viewportHeight="48"> <path android:pathData="M47.9733,23.9869C47.8673,31.9294 46.4761,38.5069 42.4364,42.4364C38.5069,46.4761 31.9294,47.8673 23.9869,47.9733C16.0439,47.8673 9.4664,46.4761 5.5369,42.4364C1.5,38.5069 0.1064,31.9294 0,23.9869C0.1064,16.0439 1.4972,9.4688 5.5369,5.5369C9.4688,1.5 16.0439,0.1064 23.9869,0C31.9294,0.1064 38.5069,1.4972 42.4364,5.5369C46.4761,9.4688 47.8673,16.0439 47.9733,23.9869Z" android:strokeWidth="1" android:fillType="evenOdd" android:strokeColor="#00000000"> <aapt:attr name="android:fillColor"> <gradient android:startY="42.437363" android:startX="5.5359397" android:endY="5.5359397" android:endX="42.437363" android:type="linear"> <item android:offset="0" android:color="#FFFFBB28"/> <item android:offset="1" android:color="#FFFFE862"/> </gradient> </aapt:attr> </path> <path android:pathData="M13.5568,29.8609L13.5568,29.8609C14.013,30.317 14.013,31.0567 13.5568,31.5128L9.2492,35.8204C8.793,36.2766 8.0534,36.2766 7.5972,35.8204L7.5972,35.8204C7.141,35.3643 7.141,34.6246 7.5972,34.1685L11.9048,29.8609C12.361,29.4047 13.1006,29.4047 13.5568,29.8609Z" android:strokeWidth="1" android:fillColor="#FFFFFF" android:fillType="evenOdd" android:strokeColor="#00000000"/> <path android:pathData="M30.6277,11.7188L32.3822,15.2738C32.5119,15.5368 32.7627,15.7191 33.053,15.7612L36.9759,16.3312C37.3119,16.3796 37.5913,16.6147 37.6962,16.9375C37.8011,17.2604 37.7134,17.6148 37.47,17.8514L34.6312,20.617C34.4211,20.8217 34.3252,21.1168 34.3748,21.4059L35.0452,25.313C35.1021,25.6472 34.9644,25.9847 34.6899,26.1837C34.4154,26.3827 34.0518,26.4086 33.7519,26.2505L30.2433,24.4059C29.9837,24.2694 29.6736,24.2694 29.4141,24.4059L25.905,26.2505C25.6051,26.4083 25.2417,26.3823 24.9674,26.1833C24.693,25.9844 24.5554,25.647 24.6122,25.313L25.282,21.4059C25.3318,21.1169 25.2361,20.8218 25.0261,20.617L22.1873,17.8514C21.944,17.6148 21.8562,17.2605 21.961,16.9377C22.0658,16.6149 22.345,16.3797 22.6809,16.3312L26.6039,15.7612C26.8943,15.7192 27.1454,15.5369 27.2752,15.2738L29.0292,11.7188C29.179,11.4141 29.489,11.2211 29.8284,11.2211C30.1679,11.2211 30.4779,11.4141 30.6277,11.7188Z" android:strokeAlpha="0.5" android:strokeWidth="1" android:fillColor="#FFF7DC" android:fillType="evenOdd" android:strokeColor="#00000000" android:fillAlpha="0.5"/> <path android:pathData="M25.3491,10.1827L28.8347,17.2453C29.0925,17.768 29.5911,18.1301 30.1678,18.2138L37.9617,19.3463C39.4148,19.5572 39.9938,21.3422 38.9428,22.3664L33.3033,27.8639C32.8858,28.2705 32.6953,28.8566 32.7938,29.4309L34.125,37.1934C34.373,38.64 32.8547,39.743 31.5558,39.06L24.585,35.3953C24.0693,35.1239 23.453,35.1239 22.9373,35.3953L15.9661,39.06C14.6672,39.743 13.1489,38.6381 13.3969,37.1934L14.7286,29.4309C14.8271,28.8566 14.6365,28.2705 14.2191,27.8639L8.5781,22.3664C7.5286,21.3422 8.1094,19.5572 9.5625,19.3463L17.3564,18.2138C17.9331,18.1301 18.4317,17.768 18.6895,17.2453L22.1719,10.1827C22.823,8.8669 24.6994,8.8669 25.3491,10.1827Z" android:strokeWidth="1" android:fillColor="#FFFFFF" android:fillType="evenOdd" android:strokeColor="#00000000"/> <path android:pathData="M39.5691,12.001L39.5691,12.001C40.0253,12.4572 40.0253,13.1968 39.5691,13.653L35.2615,17.9606C34.8053,18.4168 34.0657,18.4168 33.6095,17.9606L33.6095,17.9606C33.1533,17.5044 33.1533,16.7648 33.6095,16.3086L37.9171,12.001C38.3733,11.5448 39.1129,11.5448 39.5691,12.001Z" android:strokeWidth="1" android:fillColor="#FFFFFF" android:fillType="evenOdd" android:strokeColor="#00000000"/> </vector>
这个只显示部分

[drchengit]

<?xml version="1.0" encoding="UTF-8"?> <svg width="48px" height="48px" viewBox="0 0 48 48" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <!-- Generator: Sketch 52.2 (67145) - http://www.bohemiancoding.com/sketch --> <title>品牌</title> <desc>Created with Sketch.</desc> <defs> <linearGradient x1="11.5396265%" y1="88.4603735%" x2="88.4603735%" y2="11.5396265%" id="linearGradient-1"> <stop stop-color="#EC3535" offset="0%"></stop> <stop stop-color="#FF97C1" offset="100%"></stop> </linearGradient> </defs> <g id="一级菜单" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="life" transform="translate(-35.000000, -280.000000)"> <g id="常用功能" transform="translate(16.000000, 280.000000)"> <g id="品牌" transform="translate(19.000000, 0.000000)"> <path d="M48,24.0002345 C47.8940035,31.9471581 46.5019786,38.5283214 42.4600412,42.4600412 C38.5283214,46.5019786 31.9471581,47.8940035 24.0002345,48 C16.0528419,47.8940035 9.47167857,46.5019786 5.53995877,42.4600412 C1.50083543,38.5283214 0.106465513,31.9471581 0,24.0002345 C0.106465513,16.0528419 1.49802136,9.47402363 5.53995877,5.53995877 C9.47402363,1.50083543 16.0528419,0.106465513 24.0002345,0 C31.9471581,0.106465513 38.5283214,1.49802136 42.4600412,5.53995877 C46.5019786,9.47402363 47.8940035,16.0528419 48,24.0002345 Z" id="路径" fill="url(#linearGradient-1)"></path> <g id="券" transform="translate(8.000000, 9.000000)" fill-rule="nonzero"> <path d="M0.581906927,8.94369932 C0.127875149,9.29419972 0.00353125411,10.1089194 0.00353125411,10.1089194 L0.00353125411,15.520582 C0.00353125411,15.8269261 0.16321894,16.0424263 0.298187847,16.1703327 C0.429250499,16.2950516 0.702375817,16.3893642 0.993501156,16.443083 C1.37297035,16.4939581 1.74887704,16.7059271 2.08593993,17.0695213 C2.42300282,17.4330529 2.59681552,17.9315848 2.59681552,18.5749605 C2.59681552,18.9988985 2.52969044,19.3529614 2.39825279,19.6423055 C2.26715889,19.9387121 2.10393995,20.1712124 1.91562723,20.3528063 C1.72768951,20.5347753 1.53972054,20.6693692 1.35528283,20.7569943 C1.16025135,20.8410882 1.01468868,20.8813382 0.904469802,20.8813382 C0.61015696,20.9385883 0.32643788,21.0467134 0.237781527,21.1979323 C0.145562669,21.3463387 0,21.5788078 0,21.8851206 L0,26.8720952 C0,27.6536273 0.244844035,28.1722529 0.539156877,28.4513783 C0.83381347,28.7343786 1.38709536,28.9396601 2.12162747,28.9396601 L7.95441551,28.9396601 L7.95441551,8.5836989 L2.16790877,8.5836989 C1.33056405,8.5836989 0.904501053,8.69816778 0.581906927,8.94369932 Z M31.1330362,19.6525243 C31.345724,19.5444304 31.5089117,19.3762427 31.615318,19.1540549 C31.7216619,18.9353359 31.7714745,18.6961482 31.7570057,18.4470541 C31.7428807,18.1940851 31.6721931,17.9619598 31.5336929,17.733022 C31.4022553,17.514303 31.1966613,17.3489591 30.9341297,17.2344902 C30.6362856,17.1235526 30.4197229,16.9416149 30.2670352,16.6960833 C30.1254101,16.443083 30.0575662,16.1908327 30.0684725,15.941395 C30.0861288,15.6856134 30.1783789,15.4463944 30.3486603,15.2040504 C30.5260355,14.9751126 30.7744108,14.8101124 31.0937862,14.7291748 C31.3669115,14.6451435 31.5619117,14.4970495 31.6792556,14.2914555 C31.796162,14.0794553 31.8495371,13.8604238 31.835412,13.614486 C31.824787,13.3788295 31.7393182,13.1530792 31.594068,12.931204 C31.4485053,12.7054537 31.2495989,12.5404223 31.0121923,12.4294846 C30.6892232,12.3213595 30.4624104,12.1532031 30.3274728,11.9274215 C30.1960351,11.7016713 30.1430351,11.4762335 30.1642226,11.2374207 C30.1960351,11.0049517 30.278004,10.7823577 30.4267229,10.5908575 C30.5758168,10.3951073 30.7708483,10.2506383 31.0121611,10.1662007 C31.2495676,10.0856381 31.4272866,9.9202942 31.5300679,9.69841894 C31.6403181,9.47935619 31.6897869,9.24054341 31.6756619,9.0147619 C31.6580056,8.78898039 31.572443,8.73176157 31.4770991,8.68123026 C31.4127866,8.65119898 31.1824425,8.64413647 30.9662235,8.64413647 L9.9696366,8.64413647 L9.9696366,28.9432538 L30.7245045,28.9432538 C30.9446298,28.9432538 31.1612238,28.7916599 31.2283488,28.7241911 C31.3526927,28.5492846 31.4237241,28.4012845 31.4555366,28.1786904 C31.4805991,27.9567839 31.4449428,27.7275024 31.3491927,27.4851584 C31.2534739,27.2530019 31.1043487,27.0777829 30.8877859,26.963314 C30.5683481,26.7947513 30.3344728,26.5859698 30.1889414,26.3337196 C30.036285,26.084313 29.9691911,25.838344 29.9903786,25.5790624 C30.0045037,25.3331559 30.0931913,25.0943119 30.2634727,24.8752804 C30.4443792,24.6498426 30.689192,24.5014674 31.0121611,24.4173736 C31.2495676,24.3265922 31.4272866,24.1884358 31.5300679,23.9728731 C31.6403181,23.7672791 31.6897869,23.5284038 31.6756619,23.269091 C31.6580056,22.9998719 31.5795367,22.7539654 31.4308178,22.5147464 C31.2852552,22.2791211 31.0901924,22.1073709 30.8489109,21.9964645 C30.313254,21.7131204 30.0575037,21.3360887 30.0896288,20.8647757 C30.1148163,20.3930876 30.4660042,19.9892434 31.1330362,19.6525243 Z M24.2180594,21.9455269 L14.2659854,21.9455269 C13.7162347,21.9455269 13.2724842,21.5179952 13.2724842,20.9926508 C13.2724842,20.4673065 13.7162347,20.039806 14.2659854,20.039806 L24.2180594,20.039806 C24.7677788,20.039806 25.2115606,20.4673065 25.2115606,20.9926508 C25.2150606,21.5179952 24.7677788,21.9455269 24.2180594,21.9455269 Z M24.2180594,16.8539898 L14.2659854,16.8539898 C13.7162347,16.8539898 13.2724842,16.426458 13.2724842,15.9011137 C13.2724842,15.3725505 13.7162347,14.9478626 14.2659854,14.9478626 L24.2180594,14.9478626 C24.7677788,14.9478626 25.2115606,15.3757068 25.2115606,15.9011137 C25.2150606,16.4264893 24.7677788,16.8539898 24.2180594,16.8539898 Z" id="形状" fill="#FFFFFF"></path> <path d="M28.1383452,4.03766236 C27.3116255,2.86253599 26.2474368,3.83909963 25.6298736,3.00384865 C25.0126229,2.16862893 25.768405,1.2796904 25.768405,1.2796904 C25.9669677,0.134626566 25.2115918,1.40916469e-06 25.2115918,1.40916469e-06 C25.2115918,-0.00209234327 21.3393061,2.32900412 13.5954221,6.99413455 L28.127814,6.99413455 C28.1030952,6.94679074 28.0783452,6.91357195 28.0497514,6.86269689 C27.2268129,5.41838271 28.9650962,5.21628873 28.1383452,4.03766236 Z" id="路径" fill="#FDC7D5"></path> </g> </g> </g> </g> </g> </svg>
这个直接报错

[Glasser97]

gradient 这个标签好像没有支持上~