HTML 頁面中的 SVG

2021-09-07 04:43:49 字數 620 閱讀 7207

svg 檔案可通過以下標籤嵌入 html 文件:、或者 。

標籤被所有主流的瀏覽器支援,並允許使用指令碼。

注釋:當在 html 頁面中嵌入 svg 時使用 標籤是 adobe svg viewer 推薦的方法!然而,如果需要建立合法的 xhtml,就不能使用 。任何 html 規範中都沒有 標籤。

var svgembed = document.getelementbyid("embed").getsvgdocument();

標籤是 html 4 的標準標籤,被所有較新的瀏覽器支援。它的缺點是不允許使用指令碼。

注釋:假如您安裝了最新版本的 adobe svg viewer,那麼當使用 標籤時 svg 檔案無法工作(至少不能在 ie 中工作)!

var svgobject = document.getelementbyid("object").contentdocument;

標籤可工作在大部分的瀏覽器中。

var svgiframe = document.getelementbyid("iframe").contentdocument;

程式設計師的基礎教程:菜鳥程式設計師

SVG 嵌入 HTML頁面的幾種方式

svg 嵌入 html頁面的幾種方式 svg目前嵌入html頁面中有下面幾種方式 object object data rect.svg width 300 height 100 type image svg xml codebase 採用object標籤的乙個好處是,這是乙個標準的html 4及以...

HTML5中的SVG學習

什麼是svg?svg 的優勢 與其他影象格式相比 比如 jpeg 和 gif 使用 svg 的優勢在於 瀏覽器支援 internet explorer 9 firefox opera chrome 以及 safari 支援內聯 svg。把 svg 直接嵌入 html 頁面 在 html5 中,您能夠...

html頁面中引入html

我們寫頁面通常會遇到這種情況,乙個模組很多頁面都用到,那麼我們為了方便就會單獨寫到乙個頁面,然後引入進去,我知道的有三種 1 用標籤 例 iframe有自己預設的高度,如果你引入的頁面高度超出他預設的高度會超出隱藏,所以,要加上height 2 用標籤 例 object也有自己的預設高度,如果你引入...