1. ホーム
  2. javascript

[解決済み] HTML Canvas を gif/jpg/png/pdf としてキャプチャしますか?

2022-03-21 07:38:45

質問

htmlのキャンバスに表示されているものを画像やpdfとして取り込んだり印刷したりすることは可能でしょうか?

キャンバスで画像を生成し、その画像からpngを生成できるようにしたいのですが、可能でしょうか?

どのように解決するのですか?

当初の回答は、類似の質問に対する具体的なものでした。これを修正しました。

var canvas = document.getElementById("mycanvas");
var img    = canvas.toDataURL("image/png");

を IMG で指定すると、次のように新しい画像として書き出すことができます。

document.getElementById("existing-image-id").src = img;

または

document.write('<img src="'+img+'"/>');