anvas 绘制图片
基础绘制 drawImage(img, x, y)
绘制图片设置大小 drawImage(img, x, y. width, height)
裁剪图片绘制到画布 drawImage(img, sx, sy, swidth, sheight, x, y, width, height)
Canvas 高级操作 -- 样式设计
阴影
shadowColor 属性 阴影颜色
shadowBlur 属性 阴影模糊值
shadowOffsetX 属性 阴影水平方向偏移量
shadowOffsetY 属性 阴影垂直方向偏移量
渐变
createLinearGradient(x1, y1, x2, y2) 创建线性渐变
createRadialGradient(x1, y1, r1, x2, y2, r2) 创建径向渐变
addColorStop(位置， 颜色) 添加色标 该方法属于渐变对象
绘制背景图
createPattern() 创建一个填充背景图
设置透明度
globalAlpha
Canvas 高级操作 -- 变换
绘图环境
save() 保存当前绘图环境 状态
restore() 恢复之前保存的绘图环境 （释放）
位移
translate(x, y)
缩放
scale(number, mumber)
旋转
rotate(angle)
