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

Question

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

Answer 1

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

这是w3.org的摘录：

// 绘制图像

void drawImage((HTMLImageElement or HTMLCanvasElement or HTMLVideoElement) image, double dx, double dy);

void drawImage((HTMLImageElement or HTMLCanvasElement or HTMLVideoElement) image, double dx, double dy, double dw, double dh);

void drawImage((HTMLImageElement or HTMLCanvasElement or HTMLVideoElement) image, double sx, double sy, double sw, double sh, double dx, double dy, double dw, double dh);

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

Answer 2

Dystroy 是对的，如果你想保存画布画，那么你可以使用 getCanvasData。