svg的初步嘗試

2021-08-31 14:58:23 字數 1191 閱讀 3150

[size=xx-large]1.什麼是svg?[/size]

可縮放向量圖形(scalable vector graphics,svg)是基於可擴充套件標記語言(xml),用於描述二維向量圖形的一種圖形格式。svg由w3c制定,是乙個開放標準。

[size=xx-large]2.怎麼用?[/size]

先提幾個問題:

a.怎樣繪製svg圖形?

b.svg怎麼用在網頁上?

c.svg怎麼和html進行互動?

[size=large]a.怎樣繪製svg圖形?[/size]

這裡就請到[url]

[size=large]b.svg怎麼用在網頁上?[/size]

這裡有幾種方法:

1.embed標籤

這個在w3裡面有提到,這裡省略

2.直接以標籤形式使用

<?xml version="1.0" encoding="utf-8"?>

i'm svg

不要被svg的東西嚇到,那不是我敲的,是我用工具畫了之後複製過來的,當然也經過稍微的修改。svg的繪製工具很多,我用的是inkscape.

每個svg的標籤前面加個svg:標識就可以了,這個很簡單

[size=large]c.svg怎麼和html進行互動?[/size]

svg現在也能夠利用js進行操控,這裡貼出個自己寫的小demo

(jquery 也有對svg的支援,可惜沒有找到詳細說明的api,看原始碼也有點吃力)

<?xml version="1.0" encoding="utf-8"?>

create circles dynamically

click me

i'm html element

如果想直接看效果,請注意將檔案字尾名寫為.svg而不是.html

引用的格式和html大同小異,可以看到,如果能與html元素進行互動了,實際上就可以將svg看做成html的成員了,這樣,能做的事情就很多了,可以自由想象發揮。

[url]

[size=xx-large]3.適用範圍[/size]

我現在只能用這些提到的操作使得我的網頁更加美觀一點,svg用處很多,網上說是沒有svg繪製不了的東西,svg的確很好玩,有時間還要多研究研究。

Ajax的初步嘗試

例項化 http請求 http是一種無狀態協議 建立tcp連線 web瀏覽器向web伺服器傳送請求命令 web瀏覽器傳送請求頭資訊 web伺服器應答 web伺服器傳送應答頭資訊 web伺服器向瀏覽器傳送資料 web伺服器關閉tcp連線 http請求四個組成 請求的方法或動作,get,post 正在請...

gearman初步嘗試

網上安裝使用的資料已經一堆了 這個也給大家彙總一下,比較高階的幾個。在乙個別人安裝的gearman系統下,進入root許可權 搜尋gearman所在路徑 whereis gearman 得到gearman usr bin gearman usr share man man1 gearman.1.gz...

Docker Remote API 初步嘗試

1 首先是安裝 docker 這裡就不說了 2 檢視一下 docker api的版本 sudo docker version client version 1.10.2 api version 1.22 go version go1.5.3 git commit c3959b1 built mon ...