HTML5：一个主画布

Question

我要寻找一个[快]的方式向主canvas元素上绘制多个画布图像绘制多个画布。 什么是正确和最快的方式来做到这一点？

Answer 1

画布的drawImage方法可作为第一个参数接受画布对象。这是最快和推荐的方式。

下面是从w3.org提取物：

//绘制图像

空隙的drawImage（（HTMLImageElement或 HTMLCanvasElement或HTMLVideoElement）图像，双DX，DY双）;

空隙的drawImage（（HTMLImageElement或HTMLCanvasElement或 HTMLVideoElement）图像，双DX，DY双，双DW，DH双）;

空隙的drawImage（（HTMLImageElement或HTMLCanvasElement或 HTMLVideoElement）图像，双SX，SY双，双SW，双SH， 双DX，DY双，双DW，DH双）;

请注意，您的画布元素不必添加到文档中。我在内存画布中使用所有缓冲对象或精灵对象（someSprite = document.createElement('canvas');...）。

Answer 2

Dystroy是正确的，如果你要保存的画布油画，那么你可以使用getCanvasData。