您現(xiàn)在的位置： 365建站網(wǎng) > 建站教程 > SVG 教程 > HTML 頁面中的 SVG

HTML 頁面中的 SVG

此節(jié)有 290 人學(xué)習(xí)過參與評論

SVG 文件可通過以下標簽嵌入 HTML 文檔：<embed>、<object> 或者 <iframe>。

HTML 頁面中的 SVG

下面，你會看到三種把 SVG 文件嵌入 HTML 頁面的不同方法。

使用 <embed> 標簽

注釋：當在 HTML 頁面中嵌入 SVG 時使用 <embed> 標簽是 Adobe SVG Viewer 推薦的方法！然而，如果需要創(chuàng)建合法的 XHTML，就不能使用 <embed>。任何 HTML 規(guī)范中都沒有 <embed> 標簽。

語法：

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

注釋：pluginspage 屬性指向下載插件的 URL。

使用 <object> 標簽

注釋：假如您安裝了最新版本的 Adobe SVG Viewer，那么當使用 <object> 標簽時 SVG 文件無法工作（至少不能在 IE 中工作）！

語法：

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

注釋：codebase 屬性指向下載插件的 URL。

使用 <iframe> 標簽

語法：

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

我期望....

如果僅僅通過引用 SVG 的命名空間，就能夠把 SVG 元素之間添加到 HTML 代碼中，那就太棒了，這像這樣：

<html xmlns:svg="http://www.w3.org/2000/svg">
<body>

<p>This is an HTML paragraph</p>

<svg:svg width="300" height="100" version="1.1" >
<svg:circle cx="100" cy="50" r="40" stroke="black"
stroke-width="2" fill="red" />
</svg:svg>

</body>
</html>

HTML

如對本文有疑問，請?zhí)峤坏浇涣髡搲?，廣大熱心網(wǎng)友會為你解答??！點擊進入論壇

您可能感興趣的文章:

發(fā)表評論 (290人查看，0條評論): 請自覺遵守互聯(lián)網(wǎng)相關(guān)的政策法規(guī)，嚴禁發(fā)布色情、暴力、反動的言論。

昵稱：

最新評論

------分隔線----------------------------

SVG 教程目錄

五月综合缴情婷婷六月,色94色欧美sute亚洲线路二,日韩制服国产精品一区,色噜噜一区二区三区,香港三级午夜理伦三级三

HTML 頁面中的 SVG