export html to canvas image

canvas.toDataURL

https://developer.mozilla.org/en-US/docs/Web/API/HTMLCanvasElement/toDataURL

https://stackoverflow.com/questions/923885/capture-html-canvas-as-gif-jpg-png-pdf

Capture HTML Canvas as gif/jpg/png/pdf?

https://stackoverflow.com/questions/923885/capture-html-canvas-as-gif-jpg-png-pdf

https://weworkweplay.com/play/saving-html5-canvas-as-image/

https://davidwalsh.name/convert-canvas-image

---

https://jsfiddle.net/codepo8/V6ufG/2/

https://jsfiddle.net/user2314737/28wqq1gu/

https://www.html5canvastutorials.com/advanced/html5-canvas-save-drawing-as-an-image/

---

HTML to Image 實現原理：

1. 在頁面的底部追加 APP 自定義信息(水印， 背景圖片)

2. 獲取頁面的 scrollHeight & scrollWidth (最大寬高)

3. HTML to Canvas

4. Canvas to Image

5. auto download Image

6. preview Image (可選)

---

html & :root

let html = document.querySelector(`:root`);
 
html.scrollHeight;
 
html.innerText = html.innerText.split(' ').join('');

---

&copyxgqfrms 2012-2020

www.cnblogs.com 發布文章使用：只允許注冊用戶才可以訪問！

---