分层

2024年06月19日

柏拉文

越努力，越幸运

一、认识

---

使用多层画布去画一个复杂的场景 在你的应用程序中，你可能会发现某些对象需要经常移动或更改，而其他对象则保持相对静态。在这种情况下，可能的优化是使用多个 <canvas> 元素对你的项目进行分层。如下所示:

<div id="stage">
  <canvas id="ui-layer" width="480" height="320"></canvas>
  <canvas id="game-layer" width="480" height="320"></canvas>
  <canvas id="background-layer" width="480" height="320"></canvas>
</div>