2017-08-06 244 views
0

我想知道如何使用svg文件并将其用作标记。例如,我有一个svg文件,如如何导入svg标签的svg文件?

<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"> 
<title></title> 
<g id="icomoon-ignore"> 
</g> 
<path d="M144 288h-32v224h32c8.8 0 16-7.2 16-16v-192c0-8.8-7.2-16-16-16z"></path> 
</svg> 

我试图要求它与javascript(节点,电子)和呈现在html标记。

// For examle, 
<svg src="./mySvg.svg" /> 

我不想使用<img>标签或等

+0

也许把一个rect标签里面的svg标签,并给它一个背景img使用css? – Jason

+0

不想使用''的原因是什么?这是正确的做法。虽然保罗的答案如下,''将是正确的做法。 –

回答

0

如果您正在使用<img>(HTML)或<image>(SVG),想必<object>以及排除,那么唯一的选择是<use>

<svg width="512" height="512" viewBox="0 0 512 512"> 
    <use xlink:href="#icomoon-ignore"/> 
</svg>