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元素定義??聪旅娴睦樱?br />
新聞熱點
疑難解答