工作需求中要做一個將整個頁面變成圖片下載在本地的功能。
使用了html2canvas第三方JS插件。
在渲染的時候，因為原頁面含有DIV和canvas連線，出來的圖片，div正常，但是canvas連線相對DIV偏移向上了。
一開始以為是html2canvas在渲染原頁面canvas的時候會出問題，找了很多文章看。
但是最終確定了，其實是因為原頁面中的DIV 使用了position:absolute;top:200px。而canvas中使用了相對定位position:absolute;top:20%。
把top：20%改為top:230px之后，圖片就正常了。
也就是說，使用html2canvas的時候，渲染的頁面盡量不要使用相對定位，這樣出來的圖片容易變形。