怎么在將SVG圖引入到HTML頁(yè)面

發(fā)布時(shí)間：2021-04-17 16:00:41 來(lái)源：億速云閱讀：207 作者：Leah 欄目：web開(kāi)發(fā)

怎么在將SVG圖引入到HTML頁(yè)面？針對(duì)這個(gè)問(wèn)題，這篇文章詳細(xì)介紹了相對(duì)應(yīng)的分析和解答，希望可以幫助更多想解決這個(gè)問(wèn)題的小伙伴找到更簡(jiǎn)單易行的方法。

第一種：

使用<embed>標(biāo)簽：

這個(gè)是官方推薦的用法，但是這個(gè)官方是Adobe官方，不是W3C官方，現(xiàn)在的HTML標(biāo)準(zhǔn)里還沒(méi)有這個(gè)標(biāo)簽。

<embed src="example.svg" width="300" height="300" type="image/svg+xml" pluginspage="http://www.adobe.com/svg/viewer/install/" />

pluginspage表示的是插件下載地址。

第二種：

使用<object>標(biāo)簽：

這個(gè)是W3C的規(guī)范，在HTML標(biāo)準(zhǔn)里有這個(gè)標(biāo)簽，這個(gè)標(biāo)簽里面不能使用js。

<object data="example.svg" width="300" height="300" type="image/svg+xml" codebase="http://www.adobe.com/svg/viewer/imstall/" />

codebase也是插件下載地址

另外，如果安裝了Adobe SVG Viewer ，這個(gè)就不能使用（這是什么理論，插件下載地址都是一樣的…）。

第三種：

使用 <iframe> 標(biāo)簽
<iframe> 標(biāo)簽可工作在大部分的瀏覽器中。

<iframe src="rect.svg" width="300" height="100">
</iframe>

關(guān)于怎么在將SVG圖引入到HTML頁(yè)面問(wèn)題的解答就分享到這里了，希望以上內(nèi)容可以對(duì)大家有一定的幫助，如果你還有很多疑惑沒(méi)有解開(kāi)，可以關(guān)注億速云行業(yè)資訊頻道了解更多相關(guān)知識(shí)。

向AI問(wèn)一下細(xì)節(jié)

猜你喜歡