最近在搞Canvas动画的时候,一不小心就掉进性能坑里了 本来觉得60fps很稳,结果渲染复杂一点的图形就开始卡顿...查了半天才发现是没控制好重绘区域,每次都在全屏clearRect,cpu占用直接飙上去 现在改成只更新变动部分,帧率立马稳定下来了,真是细节决定成败啊
// 之前的写法
ctx.clearRect(0, 0, canvas.width, canvas.height)
// 改成这样就好多了
ctx.clearRect(x, y, width, height)
登录/注册