search

letswritetw / letswrite-dom-to-image

簡單的網頁截圖功能 – DOM to Image
https://www.letswrite.tw/dom-to-image/
MIT License
3 stars 0 forks source link

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

Open Jeffrey0117 opened 1 year ago

Jeffrey0117 commented 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();

letswritetw commented 1 year ago

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