要做一个快照功能，如何把html页面直接生成图片？

Question

看了网上很多答案，都说是先生成pdf，再转成图片，但是我试了，html生成pdf会搞乱页面样式，然后再用imagick将pdf转成图片，这个扩展我一直装不成功，phpinfo()里一直没有，所以我想问有没有一步到位的方法，可以直接将html页面转成图片？

Answer 1

应该算是截屏吧，phantomjs可以模拟浏览器内核，当然截屏也是不在话下的，可以去搜一下用法

Answer 2

html2canvas.js

Answer 3

貌似有一个叫dom-to-image.js的，是把dom节点转成base64字符串，可以查一下

Answer 4

可以使用imagegrabwindow，做屏幕截图

Answer 5

rasterizeHTML.js 这个比那个html2canvas.js好很多，去看看吧

Answer 6

我用phantomjs测试过了，win和linux环境下都可以使用，生成的快照图片清晰还不错，而且生成速度比html->pdf->image 这种方法快多了