通過cfg對象來設(shè)置滑動控件的min， max， step屬性 對控件綁定input事件，當滑塊滑動時會觸發(fā)該事件，此時完成對進度條的填充，這里我使用的是線性漸變lineargradientto right， #059CFA。

scalescontextbeginPath定義放射性顏色漸變var colorObj = contextcreateRadialGradient0，0，0，0，0，arrircolorObjaddColorStop0，#39#cbc0f3#39colorObjaddColorStop1，#39#06198b#39。

漸變效果的頭二十年是通過“著色”來取得的在HTML5之前，背景必須作為一個圖片或是由多個子圖疊加在一起被提供例如，Photoshop有一個“漸變工具”該工具主要用于構(gòu)建一個背景圖片以作為漸變色使用這一功能獲得了很。

這個為啥要用邊框呀我的天，兩個大小不同的圓進行重疊就行了，下面的黑色大點，上面的白色小點，然后在大圓的左下角，就是一個大盒子包裹一個小盒子很簡單的。

步驟6 更多 HTML5 畫布提示 可以使用一系列屬性shadowColorshadowBlurshadowOffsetX 和 shadowOffsetY應用陰影 可以使用 createPattern 方法作為一種模式重復畫布中的元素 可以使用 save 方法保存畫布狀態(tài)，然后執(zhí)行更改，再使用。

在“漸變標簽”的下部是“底紋樣式”和“變形”，“底紋樣式”決定了漸變的方向，共6類“變形”決定了漸變顏色所處的位置，共4類，兩者配合，可產(chǎn)生24種漸變效果 在“漸變標簽”的上部是“顏色”，包括“單色”“雙色”和“預設(shè)”。

HTML5 Canvas漸變是一種用于填充或描邊圖形的顏色模式漸變色是由不同的顏色進行過渡，而不是單一的顏色先來看幾個canvas漸變色的例子漸變按照類型來分可以分為兩種類型線性漸變徑向漸變線性漸變以線性的模式來改變顏色。