HTML5：在一个主画布上绘制多个画布

Question

我正在寻找一种[快速]方法来绘制主画布元素上多个画布的图像。 这样做的正确和最快的方法是什么？

Answer 1

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

以下是w3.org的摘录：

  

//绘制图像

     

void drawImage（（HTMLImageElement或    HTMLCanvasElement 或HTMLVideoElement）image，double dx，double dy）;

     

void drawImage（（HTMLImageElement或 HTMLCanvasElement 或   HTMLVideoElement）image，double dx，double dy，double dw，double dh）;

     

void drawImage（（HTMLImageElement或 HTMLCanvasElement 或   HTMLVideoElement）image，double sx，double sy，double sw，double sh，   double dx，double dy，double dw，double dh）;

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

Answer 2

Destroy是对的，如果你想保存画布画，那么你可以使用get Canvas Data。