javascript - 在不清除画布的情况下移动画布内容

Question

我正在尝试在我的画布中实现平移功能并且它正在工作。本质上，我是

• 获取更新的 viewportTransform
• 在 setTransform() 方法上使用它
• 清除整个画布
• 重绘内容

粗略的代码是：

canvasContext.setTransform(vp[0], vp[1], vp[2], vp[3], vp[4], vp[5]);
canvasContext.clearRect(0, 0, window.innerWidth, window.innerHeight);
drawContent();

有没有办法可以避免清除整个画布？这会使应用程序变慢。

标签： javascripthtmlhtml5-canvas