目錄 [翻譯svg教程]svg學習系列 開篇
【翻譯svg教程 】svg 的座標系統
[翻譯svg教程]svg 中的g元素
[翻譯svg教程]svg中矩形元素 rect
[翻譯svg教程]svg中的circle元素
[svg翻譯教程]橢圓（ellipse元素）和線（line元素）
[svg 翻譯教程]polyline（折線）polygon（多邊形）
[翻譯svg教程]path元素 svg中最神奇的元素！
網上svg的資料太少 買個書也買不到 碰巧遇到乙個外國友人的svg學習些列，翻譯下
svg 簡介
可縮放向量圖形是基於可擴充套件標記語言（標準通用標記語言的子集），用於描述二維向量圖形的一種圖形格式。它由全球資訊網聯盟制定，是乙個開放標準。
今天的現代多數瀏覽器都支援svg ie9+ 火狐 chrome 等
svg 最大的用途就是繪圖 各種圖示 等 ，在網頁上直接繪圖
因為svg本身的dom節點，所以可以和網頁上其他dom節點通訊
這是些svg繪圖的截圖
例如乙個svg矩形
**
如何在網頁中顯示乙個svg 呢
方法有很多
但我們常用的也就兩個
1 將svg作為乙個dom節點插入到dom中
例如
2和背景
背景
div翻譯svg教程 svg 中的g元素
svg 中的元素用來組織svg元素。如果一組svg元素被g元素包裹了，你可以通過對g元素進行變換 transform 被g元素包裹的元素也將被變換，就好這些被svg包裹的元素是乙個元素一樣，和效果如下 這個 示例立馬，g元素包裹了3個元素 兩條線乙個文字框 下面我們看看對g元素進行變換 效果如下 可...
SVG相關學習 一 SVG基礎
svg svg 指可伸縮向量圖形 scalable vector graphics svg viewboxviewport svg 實際大小 viewbox x,y,width,height x 左上角橫座標，y 左上角縱座標，width 寬度，height 高度 視區盒子 以視區盒子大小選中元素然...
SVG系列 動畫元素
標籤屬性詳解 參考mdn 位於形狀標籤內部，用來定義此形狀在某一時間點發生的某種變化。在持續時間裡，由開始值過度到結束值。1.屬性 attributename定義需要改變的屬性名 attributetype指定目標屬性和它相對應的值處於哪個命名空間裡 值 css xml auto from to d...