欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

將SVG圖引入到HTML頁(yè)面的實(shí)現(xiàn)

  發(fā)布時(shí)間：2019-09-20 15:11:21   作者：馬優(yōu)晨   我要評(píng)論
這篇文章主要介紹了將SVG圖引入到HTML頁(yè)面的實(shí)現(xiàn)，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧

將SVG圖引入到HTML網(wǎng)頁(yè)，目前只有三種辦法，前兩種很相似，第三種更簡(jiǎn)單。下來(lái)介紹一下這是那種方法。

第一種：

使用<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>

這里推薦一下，一個(gè)圖標(biāo)網(wǎng)址，上面全是免費(fèi)的圖標(biāo)可供下載：

這里寫(xiě)圖片描述

這里寫(xiě)圖片描述

網(wǎng)址：http://www.iconfont.cn/plus/user/detail?uid=17211

以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。

相關(guān)文章

  • HTML5如何使用SVG的方法示例

    這篇文章主要介紹了HTML5如何使用SVG的方法示例，詳細(xì)的介紹了什么是SVG以及如何使用，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
    2019-01-11

  • Html5之svg可縮放矢量圖形_動(dòng)力節(jié)點(diǎn)Java學(xué)院整理

    這篇文章主要為大家詳細(xì)介紹了Html5之svg可縮放矢量圖形的相關(guān)資料，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
    2017-07-17

  • 使用HTML5進(jìn)行SVG矢量圖形繪制的入門(mén)教程

    這篇文章主要介紹了使用HTML5進(jìn)行SVG矢量圖形繪制的入門(mén)教程,包括基本圖形的繪制和簡(jiǎn)單的漸變效果等介紹,注意舊版本IE對(duì)其的支持并不好,需要的朋友可以參考下
    2016-02-19

  • 深入淺析HTML5中的SVG

    SVG是Scalable Vector Graphics的縮寫(xiě)，意為可縮放矢量圖形。1998年，萬(wàn)維網(wǎng)聯(lián)盟成立了一個(gè)工作組，研發(fā)一種通過(guò)XML來(lái)表現(xiàn)矢量圖形的技術(shù)——SVG！由于SVG也是一種XML文件
    2015-11-27

  • html5+svg學(xué)習(xí)指南之SVG基礎(chǔ)知識(shí)

    本文主要介紹了SVG的基礎(chǔ)概念等知識(shí)，以及SVG與CANVAS的區(qū)別，最后給出了一個(gè)簡(jiǎn)單示例，方便大家更好的了解SVG可縮放矢量圖形。推薦給大家。
    2014-12-17

  • html5中svg canvas和圖片之間相互轉(zhuǎn)化思路代碼

    需要把網(wǎng)頁(yè)部分內(nèi)容做正文，并把原網(wǎng)頁(yè)轉(zhuǎn)成pdf作為附件，發(fā)送郵件給boss，將svg轉(zhuǎn)成canvas顯示，但是后來(lái)發(fā)現(xiàn)canvas也無(wú)法正常顯示，最后不得已，只能將canvas標(biāo)簽再一次轉(zhuǎn)
    2014-01-24

  • HTML中使用SVG與SVG預(yù)定義形狀元素介紹

    如果svg代碼在html中，我們就更容易寫(xiě)javascript來(lái)控制圖形的變換，下面為大家介紹一些svg的預(yù)定義的形狀元素，感興趣的朋友可以參考下哈，希望對(duì)大家有所幫助
    2013-06-28

最新評(píng)論