如何導入svg標籤的svg文件？

我想知道如何使用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>標籤或等

來源

2017-08-06 ryan

也許把一個rect標籤裏面的svg標籤，並給它一個背景img使用css？ – Jason

不想使用''的原因是什麼？這是正確的做法。雖然保羅的答案如下，''將是正確的做法。 –

如果您正在使用<img>（HTML）或<image>（SVG），想必<object>以及排除，那麼唯一的選擇是<use>：

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

來源

2017-08-06 04:58:35

如何導入svg標籤的svg文件？

回答

相關問題