第一段的程式碼有誤 附上更正版本

[Jeffrey0117]

正確版本

// 抓取指定的 div，產生 base64 格式圖片
// 之所以重複二次，下一段的注意事項會解釋
const el = document.getElementById('xxx');
const config = {
quality: 1,
style: { "filter": "grayscale(100%)" }
};

//原本這裡呼叫config的時候 名字打得跟宣告的地方不同
const dataUriTemp = await domtoimage.toPng(el, config).then(dataUrl => dataUrl);
const dataUri = await domtoimage.toPng(el, config).then(dataUrl => dataUrl);

// 下載圖片
const link = document.createElement('a');
const filename = 'Demo.png';
link.download = filename;
link.href = dataUri;
link.click();

[letswritetw]

哦對，沒發現放 Demo Code 的時候寫錯，不過 GitHub 的程式碼是寫對的。
當時製作時必須寫二遍才有圖，剛測試程式碼不變，只寫一次也有圖，神奇。