原來使用js外掛程式來畫圖highchart.js,發現還是用svg實現的，打算學習了解一下，以下都是可直接在html插入。支援瀏覽器：internet explorer9，火狐，谷歌chrome，opera和safari
矩形原始碼
style 屬性用來定義 css 屬性
css 的 fill 屬性定義矩形的填充顏色（rgb 值、顏色名或者十六進製制值）
css 的 stroke-width 屬性定義矩形邊框的寬度
css 的 stroke 屬性定義矩形邊框的顏色
x 屬性定義矩形的左側位置（例如，x="0" 定義矩形到瀏覽器視窗左側的距離是 0px）
y 屬性定義矩形的頂端位置（例如，y="0" 定義矩形到瀏覽器視窗頂端的距離是 0px）
css 的 fill-opacity 屬性定義填充顏色透明度（合法的範圍是：0 - 1）
css 的 stroke-opacity 屬性定義筆觸顏色的透明度（合法的範圍是：0 - 1）
css opacity 屬性用於定義了元素的透明值 (範圍: 0 到 1)。
rx 和 ry 屬性可使矩形產生圓角。
效果圖：
圓原始碼
r屬性定義圓的半徑
效果圖：
橢圓原始碼
cy屬性定義的橢圓中心的y座標
rx屬性定義的水平半徑
ry屬性定義的垂直半徑
效果圖
直線原始碼
y1 屬性在 y 軸定義線條的開始
x2 屬性在 x 軸定義線條的結束
y2 屬性在 y 軸定義線條的結束
效果圖
多邊形原始碼
fill-rule：nonzero/evenodd
效果圖
這些只是簡單的了實現了基本圖形的構建，svg是使用xml文件描述來繪圖。從這點來看：svg更適合用來做動態互動，而且svg繪圖很容易編輯，只需要增加或移除相應的元素就可以了。同時svg是基於向量的，所以它能夠很好的處理圖形大小的改變
SVG路徑命令總結
命令 引數效果 m mx y 移動畫筆到給定座標，即起點 l lx y 繪製一條到給定座標的線，可提供多組座標繪製折線 h hx 繪製一條到x座標的橫線 v vy 繪製一條到y座標的豎線 a arx ry 半徑 x axis rotation x軸的旋轉角度 large arc flag 若需要圓弧...
SVG總結小知識
svg 可縮放向量圖形。全稱是 scalable vector graphics svg使用 xml 格式定義影象。svg是使用 xml 來描述 二維圖形和繪圖 程式的語言。svg是w3c的推薦標準 svg於2003年1月14日成為w3c推薦標準。這是svg單獨檔案 這是svg在html中 svg檔...
mysql 初學總結
mysql h localhost u root p 啟用mysql lmy1234 show databases 檢視已存在的資料庫 use databses 使用某個資料庫 create table pet 建立乙個資料表 name varchar 20 owner varchar 20 spe...