SVG和canvas中是一樣的，都是使用標準的HTML/CSS中的顏色表示方法，這些顏色都可以用于fill和stroke屬性。
基本有下面這些定義顏色的方式：
1. 顏色名字： 直接使用顏色名字red, blue, black...
2. rgba/rgb值： 這個也很好理解，例如#ff0000,rgba(255,100,100,0.5)。
3. 十六進制值： 用十六進制定義的顏色，例如#ffffff。
4. 漸變值：這個也與canvas中一樣，支持兩種漸變色：線性漸變，環形漸變。如下圖所示：

5. 圖案填充：使用自定義的圖案作為填充色。

前面幾種都很簡單，重點看下后面兩種填充色。 

線性漸變
使用linearGradient元素即可定義線性漸變，每一個漸變色成分使用stop元素定義。看下面的例子：

發表評論 共有條評論 用戶名: 密碼: 驗證碼: 匿名發表