DOMをPNGに変換してリサイズしてからダウンロードする - Qiita

import domtoimage from 'dom-to-image'; import FileSaver from 'file-saver'; // DOM要素をdomtoimageのtoPNGに渡すと結果がPromiseで返ってくる domtoimage.toPng(element) .then(function (dataUrl) { // dataUrlが返ってくるのでImageを生成し生成した画像を読み込む const img = new Image(); img.src = dataUrl; // 読み込みが終わったらリサイズのために、canvasを生成しimgを描画する img.onload = () => { const canvas = document.createElement('canvas'); canvas.width = 128; canvas.heigh