Open Jeffrey0117 opened 1 year ago
// 抓取指定的 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();
哦對,沒發現放 Demo Code 的時候寫錯,不過 GitHub 的程式碼是寫對的。 當時製作時必須寫二遍才有圖,剛測試程式碼不變,只寫一次也有圖,神奇。
正確版本
// 抓取指定的 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();