一:阴影
示例:绘制一个带有阴影的正方形
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)