canvas没有能力,从画布上再次得到这个图形,也就是不能修改画布内容,这也是轻量化的原因
实现动画效果需要经历
清屏
更新
渲染
也就是需要重新绘制
1.1.3 canvas 第一个动画
实现一个盒子滑动的效果...) {
//清屏
ctx.clearRect(0,0,500,500);
//距离画布左侧距离增加
left++;
//重新绘制...(); //更新
r1.render(); //重绘
r2.update(); //更新
r2.render(); //重绘
})
r1);//开始圆形的x,y,r和结束的x,y,r
用法和线性渐变相同
2.9 阴影
设置文字阴影效果
ctx.shadowOffsetX = 10;//阴影左右偏离的距离
ctx.shadowOffsetY...这里的缩放和css3的不同,需要传2个参数,代表x,y的缩放比例
ctx.scale(0.5, 0.5)
5.1.4 混合写法
transform(a, b, c, d, e, f)
a 水平方向的缩放