1.SVG 指可伸縮矢量圖形 (Scalable Vector Graphics)
2.SVG 用來定義用于網(wǎng)絡(luò)的基于矢量的圖形
3.SVG 使用 XML 格式定義圖形
4.SVG 圖像在放大或改變尺寸的情況下其圖形質(zhì)量不會有所損失
5.SVG 是萬維網(wǎng)聯(lián)盟的標(biāo)準(zhǔn)
6.SVG 與諸如 DOM 和 XSL 之類的 W3C 標(biāo)準(zhǔn)是一個整體
SVG形狀
SVG 有一些預(yù)定義的形狀元素檐春,可被開發(fā)者使用和操作:
- 矩形 <rect>
- 圓形 <circle>
- 橢圓 <ellipse>
- 線 <line>
- 折線 <polyline>
- 多邊形 <polygon>
- 路徑 <path>
SVG Path介紹
- M = moveto 相當(dāng)于 android Path 里的moveTo(),用于移動起始點(diǎn)
- L = lineto 相當(dāng)于 android Path 里的lineTo(),用于畫線
- H = horizontal lineto 用于畫水平線
- V = vertical lineto 用于畫豎直線
- C = curveto 相當(dāng)于cubicTo(),三次貝塞爾曲線
- S = smooth curveto 同樣三次貝塞爾曲線,更平滑
- Q = quadratic Belzier curve quadTo(),二次貝塞爾曲線
- T = smooth quadratic Belzier curveto 同樣二次貝塞爾曲線,更平滑
- A = elliptical Arc 相當(dāng)于arcTo()腰鬼,用于畫弧
- Z = closepath 相當(dāng)于closeTo(),關(guān)閉path
SVG編輯器
常用的在線編輯器: http://editor.method.ac/
Inkscape也是好用的工具:https://inkscape.org/zh/
Android兼容問題
在Android 5.0之后默認(rèn)支持,但是之前的版本要適配兼容,兼容5.0之前請看:http://www.reibang.com/p/1bb7707d0291