核心知识
状态、保存与恢复
Canvas 上下文保存当前颜色、线宽、变换等状态。
- save 保存当前状态
- restore 恢复最近保存状态
- 避免后面的绘制意外继承前面的设置
ctx.save();
ctx.fillStyle = '#ffb347';
ctx.fillRect(20, 20, 100, 60);
ctx.restore();Canvas 上下文保存当前颜色、线宽、变换等状态。
ctx.save();
ctx.fillStyle = '#ffb347';
ctx.fillRect(20, 20, 100, 60);
ctx.restore();