Html 多张画布与单张画布?

Html 多张画布与单张画布?,html,html5-canvas,Html,Html5 Canvas,我见过人们使用多个画布而不是一个画布。为什么?有更好的表现吗?我看不出有什么不同 在以下情况下,通常使用多个画布: 它们的帧率是不同的。作为一个例子,考虑显示游戏主屏幕的画布和显示库存的另一个画布。游戏应该不断更新,但库存可能是静态的(或更新频率较低) 要在一个画布中正确定位所有元素将更加困难。在这些情况下,多画布+CSS的组合通常用于使定位更加容易 需要更灵活的布局。作为一个例子,考虑我以前的场景(游戏屏幕和库存)。假设玩家想要隐藏他的清单,那么通过使用多个画布(您可以只隐藏清单所在的画布(

我见过人们使用多个画布而不是一个画布。为什么?有更好的表现吗?我看不出有什么不同

在以下情况下,通常使用多个画布:

  • 它们的帧率是不同的。作为一个例子,考虑显示游戏主屏幕的画布和显示库存的另一个画布。游戏应该不断更新,但库存可能是静态的(或更新频率较低)
  • 要在一个画布中正确定位所有元素将更加困难。在这些情况下,多画布+CSS的组合通常用于使定位更加容易
  • 需要更灵活的布局。作为一个例子,考虑我以前的场景(游戏屏幕和库存)。假设玩家想要隐藏他的清单,那么通过使用多个画布(您可以只隐藏清单所在的画布(使用javascript))来实现这一点要容易得多。如果在这种情况下只使用一个画布,那么它可能需要更大的代码,并给您带来许多bug和挫折

在以下情况下,通常使用多个画布:

  • 它们的帧率是不同的。作为一个例子,考虑显示游戏主屏幕的画布和显示库存的另一个画布。游戏应该不断更新,但库存可能是静态的(或更新频率较低)
  • 要在一个画布中正确定位所有元素将更加困难。在这些情况下,多画布+CSS的组合通常用于使定位更加容易
  • 需要更灵活的布局。作为一个例子,考虑我以前的场景(游戏屏幕和库存)。假设玩家想要隐藏他的清单,那么通过使用多个画布(您可以只隐藏清单所在的画布(使用javascript))来实现这一点要容易得多。如果在这种情况下只使用一个画布,那么它可能需要更大的代码,并给您带来许多bug和挫折