html - HTML5：1つのメインキャンバスに複数のキャンバスをペイントする

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を使用できます。