canvas学习(四):高级属性

一:阴影

示例:绘制一个带有阴影的正方形

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)

  

posted @ 2017-11-27 10:42  _林冲  阅读(236)  评论(0编辑  收藏  举报