Wrong converted
Closed this issue · 1 comments
viethoa commented
SVG code:
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100" height="100" viewBox="0 0 100 100">
<defs>
<circle id="a" cx="50" cy="50" r="50"/>
<path id="c" d="M4.751 4.11c3.164 1.308 5.41 1.962 6.74 1.962 1.336 0 3.595-.66 6.779-1.977a.528.528 0 0 1 .687.696c-1.308 3.044-1.963 5.302-1.963 6.775 0 1.47.652 3.724 1.957 6.76a.528.528 0 0 1-.691.695c-3.094-1.307-5.35-1.96-6.769-1.96-1.412 0-3.655.647-6.729 1.943a.528.528 0 0 1-.687-.703c1.275-2.833 1.913-5.078 1.913-6.735 0-1.66-.64-3.91-1.92-6.75a.528.528 0 0 1 .683-.705z"/>
<path id="e" d="M4.72 4.084c3.417 1.417 5.84 2.125 7.27 2.125 1.436 0 3.873-.714 7.31-2.142a.528.528 0 0 1 .688.697c-1.418 3.287-2.127 5.722-2.127 7.306 0 1.58.707 4.011 2.12 7.29a.528.528 0 0 1-.69.695c-3.342-1.417-5.775-2.125-7.3-2.125-1.52 0-3.94.703-7.26 2.108a.528.528 0 0 1-.687-.704c1.384-3.06 2.077-5.482 2.077-7.264 0-1.786-.695-4.213-2.084-7.28a.528.528 0 0 1 .683-.706z"/>
</defs>
<g fill="none" fill-rule="evenodd">
<g>
<mask id="b" fill="#fff">
<use xlink:href="#a"/>
</mask>
<use fill="#5DD88F" xlink:href="#a"/>
<circle cx="46.667" cy="46.667" r="50" fill="#71E9A2" mask="url(#b)"/>
<path fill="#2F353F" d="M33.787 40.877c0 3.012-2.545 5.453-5.683 5.453s-5.68-2.441-5.68-5.453c0-3.012 2.542-5.453 5.68-5.453s5.683 2.44 5.683 5.453M78.912 40.877c0 3.012-2.545 5.453-5.683 5.453s-5.68-2.441-5.68-5.453c0-3.012 2.542-5.453 5.68-5.453s5.683 2.44 5.683 5.453M50.851 69.493c-.13 0-.259 0-.39-.003-7.972-.186-13.467-6.107-13.697-6.36-1.399-1.534-1.239-3.867.358-5.206 1.594-1.342 4.013-1.189 5.415.33.096.101 3.626 3.78 8.158 3.86 2.81.054 5.517-1.291 8.215-3.976 1.475-1.467 3.91-1.508 5.437-.096a3.582 3.582 0 0 1 .1 5.216c-4.158 4.139-8.731 6.235-13.596 6.235" mask="url(#b)"/>
<path fill="#52CE95" d="M28.105 53.75c0 3.012-2.545 5.453-5.684 5.453-3.138 0-5.68-2.441-5.68-5.453 0-3.012 2.542-5.453 5.68-5.453 3.139 0 5.684 2.441 5.684 5.453M85.263 53.75c0 3.012-2.545 5.453-5.683 5.453s-5.68-2.441-5.68-5.453c0-3.012 2.542-5.453 5.68-5.453s5.683 2.441 5.683 5.453" mask="url(#b)"/>
</g>
<g transform="translate(70)">
<mask id="d" fill="#fff">
<use xlink:href="#c"/>
</mask>
<use fill="#FFCE80" transform="rotate(45 11.51 11.558)" xlink:href="#c"/>
<path fill="#FFB742" d="M14.865 17.973c-3.386-1.234-5.83-1.85-7.33-1.85-1.51 0-3.979.625-7.404 1.877a.106.106 0 0 1-.105-.18c2.95-2.523 5.364-3.797 7.243-3.82 1.874-.023 4.44 1.24 7.697 3.79a.105.105 0 0 1-.1.183z" mask="url(#d)" transform="rotate(45 7.498 16.003)"/>
<path fill="#FFF" fill-rule="nonzero" d="M13.01 5.469c.035.16.106.434.213.785.179.583.397 1.167.656 1.715a8.297 8.297 0 0 0 .58 1.04c.72 1.084 1.454 1.695 1.967 1.95a.4.4 0 0 0 .531-.17.382.382 0 0 0-.174-.52 2.886 2.886 0 0 1-.489-.345 6.155 6.155 0 0 1-1.171-1.336l-.044-.068a7.54 7.54 0 0 1-.483-.875 12.046 12.046 0 0 1-.615-1.613c-.102-.33-.168-.585-.2-.728a.395.395 0 0 0-.47-.295.386.386 0 0 0-.302.46z" mask="url(#d)" transform="rotate(-10 15 8)"/>
</g>
<g transform="translate(0 70)">
<mask id="f" fill="#fff">
<use xlink:href="#e"/>
</mask>
<use fill="#FFCE80" transform="rotate(45 12.01 12.062)" xlink:href="#e"/>
<path fill="#FFB742" d="M14.938 20.008c-3.663-1.57-6.301-2.355-7.916-2.355-1.624 0-4.284.794-7.981 2.383a.106.106 0 0 1-.117-.172C2.11 16.65 4.715 15.03 6.739 15c2.018-.029 4.79 1.582 8.313 4.834a.106.106 0 0 1-.114.175z" mask="url(#f)" transform="rotate(45 6.99 17.522)"/>
<path stroke="#FFF" stroke-linecap="round" d="M13 6s.4 2.203 1.261 3.835C15.123 11.466 16 12 16 12" mask="url(#f)" transform="rotate(-9 14.5 9)"/>
</g>
</g>
</svg>
Expected: http://take.ms/NKKma
Actual: http://take.ms/18PPh
yuraj11 commented
Masks are not supported by VectorDrawable.