javascript - 要做一個快照功能，如何把html頁面直接產生圖片？

Question

看了網路上很多答案，都說是先生成pdf，再轉成圖片，但是我試了，html生成pdf會搞亂頁面樣式，然後再用imagick將pdf轉成圖片，這個擴展我一直裝不成功，phpinfo()裡一直沒有，所以我想問有沒有一步到位的方法，可以直接將html頁面轉換成圖片？

Answer 1

html2canvas.js

Answer 2

應該算是截圖吧，phantomjs可以模擬瀏覽器內核，當然截圖也是不在話下的，可以去搜一下用法

Answer 3

似乎有一個叫dom-to-image.js的，是把dom節點轉成base64字串，可以查一下

Answer 4

可以使用imagegrabwindow，做螢幕截圖

Answer 5

rasterizeHTML.js 這個比那個html2canvas.js好很多，去看看吧