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。