SVG圖片格式學習

1.SVG 指可伸縮矢量圖形 (Scalable Vector Graphics)
2.SVG 用來定義用于網絡的基于矢量的圖形
3.SVG 使用 XML 格式定義圖形
4.SVG 圖像在放大或改變尺寸的情況下其圖形質量不會有所損失
5.SVG 是萬維網聯盟的標準
6.SVG 與諸如 DOM 和 XSL 之類的 W3C 標準是一個整體

SVG形狀

SVG 有一些預定義的形狀元素,可被開發者使用和操作:

  • 矩形 <rect>
  • 圓形 <circle>
  • 橢圓 <ellipse>
  • 線 <line>
  • 折線 <polyline>
  • 多邊形 <polygon>
  • 路徑 <path>

SVG Path介紹

  • M = moveto 相當于 android Path 里的moveTo(),用于移動起始點
  • L = lineto 相當于 android Path 里的lineTo(),用于畫線
  • H = horizontal lineto 用于畫水平線
  • V = vertical lineto 用于畫豎直線
  • C = curveto 相當于cubicTo(),三次貝塞爾曲線
  • S = smooth curveto 同樣三次貝塞爾曲線,更平滑
  • Q = quadratic Belzier curve quadTo(),二次貝塞爾曲線
  • T = smooth quadratic Belzier curveto 同樣二次貝塞爾曲線,更平滑
  • A = elliptical Arc 相當于arcTo(),用于畫弧
  • Z = closepath 相當于closeTo(),關閉path

SVG編輯器

常用的在線編輯器: http://editor.method.ac/
Inkscape也是好用的工具:https://inkscape.org/zh/

Android兼容問題

在Android 5.0之后默認支持,但是之前的版本要適配兼容,兼容5.0之前請看:http://www.lxweimin.com/p/1bb7707d0291

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容

  • Android 自定義View的各種姿勢1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 173,432評論 25 708
  • SVG 意為可縮放矢量圖形(Scalable Vector Graphics)。SVG 使用 XML 格式定義圖像...
    MinicupSimon閱讀 15,832評論 0 20
  • 先看一個動畫效果,這種小飛機沿路徑飛行(路徑部分線段變成綠色是錄屏軟件出了問題)。 這種動畫效果最常見于發送信息后...
    泱泱悲秋閱讀 4,145評論 3 11
  • 引導:微信引入的SVG技術。 http://mp.weixin.qq.com/s?__biz=MzAwNDY1OD...
    lichao3140閱讀 682評論 0 0
  • 2017年10月11日身修家和 美麗中國李瓊 種子踐行日記 第 50天 ??服務眾生:分享 我訂閱的心理學文章...
    江南木子閱讀 377評論 0 0