[html] html中如何使用svg?
生活随笔
收集整理的這篇文章主要介紹了
[html] html中如何使用svg?
小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
[html] html中如何使用svg?
1-使用embed標(biāo)簽 推薦優(yōu)點(diǎn)主流瀏覽器都支持允許使用腳本缺點(diǎn)不推薦在HTML4和XHTML中使用語(yǔ)法<embed src="svg File Path" type="image/svg+xml" width="width" height="height" pluginspage="要加載的插件地址">2-使用object標(biāo)簽優(yōu)點(diǎn)主流瀏覽器都支持HTML4標(biāo)準(zhǔn)標(biāo)簽 兼容性較好缺點(diǎn)不允許使用腳本語(yǔ)法<object data="svg File Path" width="width" height="height"></object>3-使用iframe標(biāo)簽優(yōu)點(diǎn)主流瀏覽器都支持允許使用腳本缺點(diǎn)不推薦在HTML4和XHTML中使用會(huì)出現(xiàn)滾動(dòng)條語(yǔ)法<iframe src="svg File Path" width="width" height="height" pluginspage="plugin path"></iframe>4-直接嵌入 常用 推薦語(yǔ)法直接復(fù)制svg文件中的文本<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" ...></svg>5-a鏈接跳轉(zhuǎn) 作為href屬性語(yǔ)法<a href='svg file path'>VIEW SVG</a>個(gè)人簡(jiǎn)介
我是歌謠,歡迎和大家一起交流前后端知識(shí)。放棄很容易,
但堅(jiān)持一定很酷。歡迎大家一起討論
主目錄
與歌謠一起通關(guān)前端面試題
總結(jié)
以上是生活随笔為你收集整理的[html] html中如何使用svg?的全部?jī)?nèi)容,希望文章能夠幫你解決所遇到的問(wèn)題。
- 上一篇: CCF推荐国际期刊
- 下一篇: 【电脑视频录制软件】各种录屏软件优缺点,