摘要:頁面中的文件可通過以下標(biāo)簽嵌入文檔或者。使用標(biāo)簽標(biāo)簽被所有主流的瀏覽器支持,并允許使用腳本。注釋當(dāng)在頁面中嵌入時使用標(biāo)簽是推薦的方法然而,如果需要創(chuàng)建合法的,就不能使用。任何規(guī)范中都沒有標(biāo)簽。語法注釋屬性指向下載插件的。
HTML 頁面中的 SVG SVG 文件可通過以下標(biāo)簽嵌入 HTML 文檔:< embed > 、< object > 或者 < iframe >。
三種把 SVG 文件嵌入 HTML 頁面的不同方法。
使用 < embed > 標(biāo)簽
< embed > 標(biāo)簽被所有主流的瀏覽器支持,并允許使用腳本。
注釋:當(dāng)在 HTML 頁面中嵌入 SVG 時使用 < embed > 標(biāo)簽是 Adobe SVG Viewer 推薦的方法!然而,如果需要創(chuàng)建合法的 XHTML,就不能使用 < embed >。任何 HTML 規(guī)范中都沒有 < embed > 標(biāo)簽。
語法:
< src="rect.svg" width="300" height="100" type="image/svg+xml" pluginspage="http://www.adobe.com/svg/viewer/install/">
注釋:_pluginspage_ 屬性指向下載插件的 URL。
使用 < object > 標(biāo)簽
< object > 標(biāo)簽是 HTML 4 的標(biāo)準(zhǔn)標(biāo)簽,被所有較新的瀏覽器支持。它的缺點(diǎn)是不允許使用腳本。
注釋:假如您安裝了最新版本的 Adobe SVG Viewer,那么當(dāng)使用 < object > 標(biāo)簽時 SVG 文件無法工作(至少不能在 IE 中工作)!
語法:
注釋:codebase 屬性指向下載插件的 URL。
使用 < iframe > 標(biāo)簽
< iframe > 標(biāo)簽可工作在大部分的瀏覽器中。
語法:
文章版權(quán)歸作者所有,未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址:http://specialneedsforspecialkids.com/yun/86218.html
摘要:在中使用很簡單,但是也有一些需要知道的事情。兼容的方法在里面使用如果想要通過控制,但是又想避免內(nèi)聯(lián)的弊端,可以在里面使用。記得去掉換行它可以在上述的所有場景里面使用,除了內(nèi)聯(lián)。 原文地址: https://css-tricks.com/using-...原文作者: Chris Coyier 翻譯作者: https://github.com/chenmf6 翻譯出處:https://gi...
摘要:在中使用很簡單,但是也有一些需要知道的事情。兼容的方法在里面使用如果想要通過控制,但是又想避免內(nèi)聯(lián)的弊端,可以在里面使用。記得去掉換行它可以在上述的所有場景里面使用,除了內(nèi)聯(lián)。 原文地址: https://css-tricks.com/using-...原文作者: Chris Coyier 翻譯作者: https://github.com/chenmf6 翻譯出處:https://gi...
摘要:目前只提供了一些基礎(chǔ)功能。中與的區(qū)別開發(fā)者第一次接觸手寫那種,雖然很多情況都有設(shè)計(jì)師使用來完成這項(xiàng)工作,但還是不排除需要利用到的每個元素。輕量級,具備靈活的來自團(tuán)隊(duì),全球非常出名的可視化團(tuán)隊(duì)。于是筆者嘗試著把移植到中。 使用SVG + CSS實(shí)現(xiàn)動態(tài)霓虹燈文字效果 早上無意間進(jìn)入一個網(wǎng)站,看到他們的LOGO效果略屌,如圖: 剛開始以為是gif動畫之類的,審查元素發(fā)現(xiàn)居然是用SVG + ...
閱讀 986·2021-09-26 10:15
閱讀 2064·2021-09-24 10:37
閱讀 2580·2019-08-30 13:46
閱讀 2631·2019-08-30 11:16
閱讀 2421·2019-08-29 10:56
閱讀 2591·2019-08-26 12:24
閱讀 3472·2019-08-23 18:26
閱讀 2661·2019-08-23 15:43