[HTML5] 複数のCanvasを合成する - ねこの足跡R今回は複数のcanvasタグを合成し、最終的に1つのcanvasに画像として結合する処理を取り上げたいと思います。 ↑こんな感じで画像を表示したcanvasと、キャプションを表示したcanvasを合成します。 Canvas合体 サンプル ソースコード 解説 大雑把なロジック canvasを画像に変換 素材 参考ページ Canvas合体 サンプル 以下のページから実際にサンプルを実行できます。 miku3.net 「＝」ボタンをクリックすると左2つのCanvasを合成し、一番右側のcanvasに合成結果を出力します。 消しゴムボタンをクリックすると合成結果を削除します。 ソースコード <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>CANVAS合成</title> <link rel="stylesheet" href=
![[HTML5] 複数のCanvasを合成する - ねこの足跡R](https://cdn-ak-scissors.b.st-hatena.com/image/square/742129856f320f298b49a36f56ede80ff4aab378/height=288;version=1;width=512/https%3A%2F%2Fcdn-ak.f.st-hatena.com%2Fimages%2Ffotolife%2Fk%2Fkatsube%2F20231125%2F20231125044035.png)
