今天小編給大家分享一下HTML中怎么使用SVG與SVG預(yù)定義形狀元素的相關(guān)知識(shí)點(diǎn),內(nèi)容詳細(xì),邏輯清晰,相信大部分人都還太了解這方面的知識(shí),所以分享這篇文章給大家參考一下,希望大家閱讀完這篇文章后有所收獲,下面我們一起來了解一下吧。
創(chuàng)新互聯(lián)主要從事網(wǎng)站制作、成都網(wǎng)站建設(shè)、網(wǎng)頁(yè)設(shè)計(jì)、企業(yè)做網(wǎng)站、公司建網(wǎng)站等業(yè)務(wù)。立足成都服務(wù)遼寧,10余年網(wǎng)站建設(shè)經(jīng)驗(yàn),價(jià)格優(yōu)惠、服務(wù)專業(yè),歡迎來電咨詢建站服務(wù):13518219792
SVG 文件可通過以下標(biāo)簽嵌入 HTML 文檔:、或者。
代碼如下:
type="image/svg+xml"pluginspage="http://www.adobe.com/svg/viewer/install/"/>pluginspage 屬性指向下載插件的 URL。復(fù)制代碼代碼如下:type="image/svg+xml"codebase="http://www.adobe.com/svg/viewer/install/"/>在這三個(gè)中是比較早期的標(biāo)簽,現(xiàn)在用的比較的少了。用的較多的還是標(biāo)簽。同時(shí)我們也可以將svg直接寫入HTML文件中:這樣的話需要先引入SVG的dtd文件:復(fù)制代碼代碼如下:"http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">再在標(biāo)簽中填入需要的代碼:復(fù)制代碼代碼如下:xmlns="http://www.w3.org/2000/svg" onclick="ccc();">style="fill:yellow"/>style="fill:white"/>如果svg代碼在html中,我們就更容易寫javascript來控制圖形的變換:復(fù)制代碼代碼如下:function ccc(){var a = document.getElementById("w1");a.style.fill="red";a.setAttribute("cx", "150"); //設(shè)置值a.setAttribute("ry", "50"); //設(shè)置值}下面介紹一些svg的預(yù)定義的形狀元素:矩形 圓形 橢圓 線 折線 多邊形 路徑 以上就是“HTML中怎么使用SVG與SVG預(yù)定義形狀元素”這篇文章的所有內(nèi)容,感謝各位的閱讀!相信大家閱讀完這篇文章都有很大的收獲,小編每天都會(huì)為大家更新不同的知識(shí),如果還想學(xué)習(xí)更多的知識(shí),請(qǐng)關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道。 名稱欄目:HTML中怎么使用SVG與SVG預(yù)定義形狀元素 本文路徑:http://weahome.cn/article/pipgpc.html
type="image/svg+xml"
pluginspage="http://www.adobe.com/svg/viewer/install/"/>
pluginspage 屬性指向下載插件的 URL。
復(fù)制代碼
type="image/svg+xml"codebase="http://www.adobe.com/svg/viewer/install/"/>在這三個(gè)中是比較早期的標(biāo)簽,現(xiàn)在用的比較的少了。用的較多的還是標(biāo)簽。同時(shí)我們也可以將svg直接寫入HTML文件中:這樣的話需要先引入SVG的dtd文件:復(fù)制代碼代碼如下:"http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">再在標(biāo)簽中填入需要的代碼:復(fù)制代碼代碼如下:xmlns="http://www.w3.org/2000/svg" onclick="ccc();">style="fill:yellow"/>style="fill:white"/>如果svg代碼在html中,我們就更容易寫javascript來控制圖形的變換:復(fù)制代碼代碼如下:function ccc(){var a = document.getElementById("w1");a.style.fill="red";a.setAttribute("cx", "150"); //設(shè)置值a.setAttribute("ry", "50"); //設(shè)置值}下面介紹一些svg的預(yù)定義的形狀元素:矩形 圓形 橢圓 線 折線 多邊形 路徑 以上就是“HTML中怎么使用SVG與SVG預(yù)定義形狀元素”這篇文章的所有內(nèi)容,感謝各位的閱讀!相信大家閱讀完這篇文章都有很大的收獲,小編每天都會(huì)為大家更新不同的知識(shí),如果還想學(xué)習(xí)更多的知識(shí),請(qǐng)關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道。 名稱欄目:HTML中怎么使用SVG與SVG預(yù)定義形狀元素 本文路徑:http://weahome.cn/article/pipgpc.html
codebase="http://www.adobe.com/svg/viewer/install/"/>
在這三個(gè)中是比較早期的標(biāo)簽,現(xiàn)在用的比較的少了。用的較多的還是標(biāo)簽。
同時(shí)我們也可以將svg直接寫入HTML文件中:
這樣的話需要先引入SVG的dtd文件:
"http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
再在標(biāo)簽中填入需要的代碼:
xmlns="http://www.w3.org/2000/svg" onclick="ccc();">style="fill:yellow"/>style="fill:white"/>
xmlns="http://www.w3.org/2000/svg" onclick="ccc();">
style="fill:yellow"/>style="fill:white"/>
style="fill:yellow"/>
style="fill:white"/>
如果svg代碼在html中,我們就更容易寫javascript來控制圖形的變換:
function ccc(){
var a = document.getElementById("w1");
a.style.fill="red";
a.setAttribute("cx", "150"); //設(shè)置值
a.setAttribute("ry", "50"); //設(shè)置值
}
下面介紹一些svg的預(yù)定義的形狀元素:
矩形
圓形
橢圓
線
折線
多邊形
路徑
以上就是“HTML中怎么使用SVG與SVG預(yù)定義形狀元素”這篇文章的所有內(nèi)容,感謝各位的閱讀!相信大家閱讀完這篇文章都有很大的收獲,小編每天都會(huì)為大家更新不同的知識(shí),如果還想學(xué)習(xí)更多的知識(shí),請(qǐng)關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道。
全國(guó)免費(fèi)咨詢:
業(yè)務(wù)咨詢:028-86922220 / 13518219792
節(jié)假值班:18980820575 / 13518219792
聯(lián)系地址:成都市太升南路288號(hào)錦天國(guó)際A幢1002號(hào)
在線咨詢
微信咨詢
電話咨詢
028-86922220(工作日)
18980820575(7×24)
提交需求
返回頂部