Skip to content

页面转图方案

suyan edited this page Apr 20, 2022 · 4 revisions

如何把前端页面转换成图片:

  • 最好的方式:页面通过 canvas 或 svg 渲染,非常容易导出图片;

  • 通过一些开源库,把 HTML+CSS 这种方式渲染的页面,转换成 Canvas 或 SVG,比如有:

https://github.com/1904labs/dom-to-image-more

https://github.com/tsayen/dom-to-image

别看这个库 star 多,其实有很大问题,比如遇到复杂的 CSS

https://github.com/niklasvh/html2canvas

  • 无头浏览器,后端截图:phantomjs(使用方便,好部署)、 puppeteer(部署难)

  • getDisplayMedia

Clone this wiki locally