JSZipでcanvasのファイルを追加する

canvasはtoDataURL()を使えば、リンクを使ってのダウンロードが可能になりますが、JSZipなどでzipファイルにしてダウンロードするにはblobのほうが便利です。

blobにするにはtoBlob()メソッドを使うだけです。

    let canvas = document.getElementById('canvas')
        let zip = JSZip()
    canvas.toBlob((blob) => {
      zip.file(
        'filename.png',
        blob
      )
    })

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です