'How to convert tag (image) to (path) in svg file?
I have one svg file and Need to convert the tag image to a path, but is it possible? How do I do that? You can see an example of it below.
<svg width="43" height="24" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<ellipse cx="21.316" cy="11.944" rx="19.111" ry="9.372" fill="#FFB800"/>
<path fill="url(#a)" d="M0 0h43v23.521H0z"/>
<defs>
<pattern id="a" patternContentUnits="objectBoundingBox" width="1" height="1">
<use xlink:href="#b" transform="matrix(.00098 0 0 .00179 0 -.003)"/>
</pattern>
<image id="b" width="1024" height="563" xlink:href="data:image/png;base64,iVBORw0KGgoA....(blablabla)....AABAsfyfAAMA4RfDWJZUaE0AAAAASUVORK5CYII="/>
</defs>
</svg>
Sources
This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.
Source: Stack Overflow
Solution | Source |
---|