繪製線性漸變要用到：createlineargradient，方法如：***.createlineargradient(xstart,ystart,xend,yend);
xstart為漸變起始地點的橫座標，ystart為漸變起始地點的縱座標，xend為漸變結束地點的橫座標，yend為漸變起始地點的縱座標。
繪製完座標後用addcolorstop來設定漸變的顏色，方法如：***.addcolorstop(offset,color);
offset為所設定顏色離開漸變起點的偏移量，在0-1之間。color為繪製的顏色。
HTML5陰影與漸變
一 陰影 陰影的效果，陰影有四個狀態值控制，分別是shadowblur，shadowoffsetx，shadowoffsety和shadowcolor。shadowblur為陰影的畫素模糊值，shadowoffsetx和shadowoffsety為陰影在x軸和y軸上的偏移值，shadowcolor為...
html5繪製小球波形運動
var canvas document.getelementbyid ballbroad var context canvas.getcontext 2d 角度var angle 0 y步長var speedy 0.1 x步長var speedx 3 重新整理頻率 var frames 1000 6...
HTML5繪製實心的文字
html5繪製實心的文字 1 設計原始碼 2 實現結果 3 原始碼說明 1 建立乙個畫布，設定寬度和高度 2 獲取到元素 var canvas document.getelementbyid canvas 3 建立context物件 var ctx canvas.getcontext 2d 4 設定...