如果我们使用多个<canvas>在单个 html 页面上，它是否会影响正在开发的应用程序的性能，并且代码是否会变得非常庞大并且需要更多时间来加载页面？
最佳答案
有时多个 Canvas 会带来更好的性能。最好测试一下您是否有时间。
假设您正在编写一个程序，该程序在屏幕上显示项目并允许用户绘制选择框。
使用一张 Canvas ，要绘制选择框，您必须一遍又一遍地重绘所有元素，以更新用户看到的选择框，因为它们都在同一 Canvas 上。
或者，您可以有两个 Canvas ，一个带有对象，然后另一个在前面用于诸如“工具”之类的东西(例如选择框图形)。这里两个 Canvas 可能会更有效。
其他时候，您可能希望背景很少变化，而前景对象始终变化。您无需以每秒 60 帧的速度重绘所有对象，而是制作背景 Canvas 和前景 Canvas ，并且仅以较快的速度重绘前景对象。这里两个 Canvas 应该比一个 Canvas 更有效，但将背景 Canvas “缓存”为图像并在每帧首先绘制图像可能更优化。
关于HTML5 在单个页面上显示多个 Canvas ，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/8945505/