html5-canvas 长方形
示例
您可以使用该clearRect方法清除画布的任何矩形部分。
// 清除整个画布 ctx.clearRect(0, 0, canvas.width, canvas.height);
注意:clearRect取决于转换矩阵。
为了解决这个问题,可以在清除画布之前重置转换矩阵。
ctx.save(); // 保存当前上下文状态
ctx.setTransform(1, 0, 0, 1, 0, 0); // 重置变换矩阵
ctx.clearRect(0, 0, canvas.width, canvas.height); // 清除画布
ctx.restore(); // 恢复上下文状态,包括
// 转换矩阵注:ctx.save和ctx.restore,如果你想保留画布的2D上下文状态只需要选用。在某些情况下,保存和还原可能会很慢,如果不需要,通常应避免。
热门推荐
10 项目总生日祝福语简短
11 给生病公公祝福语简短
12 收到公公生日祝福语简短
13 小孩想说的祝福语简短
14 给导师送花祝福语简短
15 搬家卡片文案祝福语简短
16 朋友药店开业祝福语简短
17 科学老师结婚祝福语简短
18 贺卡文字同事祝福语简短