javascript - 1 つのキャンバス要素に複数のキャンバス要素を配置するにはどうすればよいですか?

Question

JavaScript によって作成された複数のキャンバス要素があります。私の質問は、「複数のキャンバス要素を 1 つのキャンバス要素に配置するにはどうすればよいですか?」です。

Answer 1

キャンバスの drawImage メソッドは、実際には画像の代わりに別のキャンバスを取得できます。最初にキャンバスを画像に変換する必要はありません。( WhatWG のドキュメントを参照してください。)

以下を示すために、Allendar の JSFiddle を単純化しました。

http://jsfiddle.net/7hEKL/

基本的に、必要なことは次のとおりです。

targetCanvas.drawImage(sourceCanvas, 0, 0);

そして、あなたは行く準備ができているはずです。