一:阴影
示例:绘制一个带有阴影的正方形
var canvas = document.getElementById("myCanvas")
var ctx = canvas.getContext('2d') ctx.fillStyle="blue"
ctx.shadowColor="#666"
ctx.shadowOffsetX = 20 //横向便宜
ctx.shadowOffsetY = 20 // 纵向偏移
ctx.shadowBlur = 20 //模糊度
ctx.fillRect(200,200,200,200)