svg，可伸縮向量圖形 (scalable vector graphics)， 使用 xml 格式定義向量圖形，於 2003 年 1 月 14 日成為 w3c 推薦標準。
svg 檔案是純粹的 xml，在有的瀏覽器中如 ie9 必須以.svg字尾儲存，否則會顯示原始碼，在 chrome 瀏覽器中測試，什麼字尾都可以。
可以作為的src和background-iamge的url()。
可以引入 svg 檔案，有三種方式，在 html 頁面中嵌入 svg 時使用標籤是 adobe svg viewer 推薦的方法！
...
矩形
圓形
橢圓
m = moveto
l = lineto
h = horizontal lineto
v = vertical lineto
c = curveto
s = smooth curveto
q = quadratic belzier curve
t = smooth quadratic belzier curveto
a = elliptical arc
z = closepath
feblend
fecolormatrix
fecomponenttransfer
fecomposite
feconvolvematrix
fediffuselighting
fedisplacementmap
feflood
fegaussianblur
feimage
femerge
femorphology
feoffset
fespecularlighting
fetile
feturbulence
fedistantlight
fepointlight
fespotlight
線性漸變
SVG基礎 繪製SVG矩形
乙個元素代表乙個svg矩形。通過這個元素你可以畫出不同寬度，不同高度，以及不同描邊和不同填充顏色的矩形。同時它還可以繪製直角或圓角的矩形。乙個svg矩形的簡單例子 下面是乙個繪製svg矩形的簡單例子。複製 svg矩形的位置由x和y屬性決定。請記住，這個位置是相對於任何它最接近的父元素的位置。svg矩...
SVG相關學習 一 SVG基礎
svg svg 指可伸縮向量圖形 scalable vector graphics svg viewboxviewport svg 實際大小 viewbox x,y,width,height x 左上角橫座標，y 左上角縱座標，width 寬度，height 高度 視區盒子 以視區盒子大小選中元素然...
svg折線演算法 SVG之Paths
看d3.js的時候就見識過元素有多牛x，啥都能畫出來，可不知其原理的話，看上去簡直形同天書！沒關係，有的是時間精力和耐性，仔細看看這天書的正確開啟方式。把看做是一支筆，可以按照我的意願在哪兒落 筆 畫各種各樣在其功能範圍內的線條，還能自動幫我做很多事情來美化這些線條。所有這些控制這支 筆 的資訊被包...