我正在学习使用SVG图标,现在尝试直接从PSD中提取图标。使用Adobe Photoshop 2017,可以将图像导出为SVG代码。但是在这段代码中,生成的不是
标签,而是标签(我理解这是Base64编码?!)。因此,我无法修改图标,例如给它们不同的颜色(填充)等。
我的问题是 - 最好的方法是什么,可以将图像转换为包含
标签的SVG,最好是使用Photoshop?
基本上,我想要的是这样的:
我的问题是 - 最好的方法是什么,可以将图像转换为包含
基本上,我想要的是这样的:
<svg fill="#000000" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
<path clip-rule="evenodd" d="M0 0h24v24H0z" fill="none"/>
<path d="M22.7 19l-9.1-9.4z"/>
使用Photoshop大致可以得到以下结果:
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="48" viewBox="0 0 34 48">
<metadata><?xpacket begin="" id="W5M0MpCehiHzreSzNTczkc9d"?>
<x:xmpmeta xmlns:x="adobe:ns:meta/" x:xmptk="Adobe XMP Core 5.6-c138 79.159824, 2016/09/14-01:09:01 ">
<rdf:RDF xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#">
<rdf:Description rdf:about=""/>
</rdf:RDF>
</x:xmpmeta>
<?xpacket end="w"?></metadata>
<image width="34" height="48" xlink:href="data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAwCA0gTiVBORw0KGgoAAAANSUhEUgAAACIAAAAwCA0gTiVBORw0KGgoAAAANSUhEUgAAACIAAAAwCA0gT="/>
</svg>
P.S. 我尝试使用了几个base64在线解码工具,但都没有什么用。