canvas $$(id){ return document.getElementById(id); } function pageLoad(){ ); ); cans.beginPath(); cans.arc(); cans.closePath(); cans.lineWidth = 5; cans.strokeStyle ; cans.stroke(); } 4

这里不解释了，和上边的例子相同，lineWidth是控制线条的宽度的。

canvas $$(id){ return document.getElementById(id); } function pageLoad(){ ); ); ); gnt.addColorStop(); gnt.addColorStop(); cans.fillStyle = gnt; cans.fillRect(); } 4

这里需要说明的是createRadialGradient方法，参数有（Xstart,Ystart,radiusStart,XEnd,YEnd,radiusEnd），也就是说，它在实行渐变时，使用了两个圆，一个是原始的圆，一个是渐变式圆，其实，这种通过坐标与半径控制的方式可以实现很多样式，比如

立体圆

var gnt = cans.createRadialGradient(200,150,0,200,50,250); gnt.addColorStop(0,'red'); gnt.addColorStop(1,'#333');