javascript - Canvas toDataUrl を使用して dom 要素を画像に保存する

Question

これでJavascriptとCanvasを使用する：

canvas.toDataURL("image/png");

これで何を節約できますか？すなわち。これを利用して一連の dom 要素を画像にスタイリングして保存できますか?

Answer 1

canvas.toDataURL("image/png");現在キャンバス上にあるものだけを保存します。

html2canvasなどのライブラリを使用してWebページのスクリーンショットを保存することはできますが、それ自体のキャンバスではdom要素とスタイル情報を保存できません。

基本的には絵筆やその他の画像編集アプリケーションと考えてください。ファイルを押してpngとして保存すると、現在キャンバス上にあるものをpngとして保存します。同じことがcanvas要素にも当てはまります。