Node中Puppeteer库如何制作个性化海报？

本文共计2413个文字，预计阅读时间需要10分钟。

如何利用Node生成海报？以下章节将为大家介绍使用Node+Puppeteer生成海报的方法，希望对大家有所帮助！

近日，因为使用了2canvas遇到了很多兼容性问题。下面简单介绍如何使用Node+Puppeteer生成海报，以避免兼容性问题。

怎么利用Node生成海报？下面本篇文章给大家介绍一下使用Node+Puppeteer生成海报的方法，希望对大家有所帮助！

之前文章写了一下前几天因为使用了 html2canvas 碰到了很多兼容性问题，差点提桶跑路。然后经过评论区大佬们指导，发现了一个操作简单，复用性高的海报生成方案—— Node+Puppeteer生成海报 。

主要的设计思路为：访问生成海报的接口，接口通过Puppeteer去访问传入的地址，将对应的元素截图返回。

Puppeteer 生成海报相对于 Canvas 生成的优势有哪些：

• 没有浏览器兼容，平台兼容等问题。
• 代码复用性高，h5、小程序、app的生成海报服务都可以使用。
• 优化操作空间更大。因为改成了接口生成海报的形式，可以使用各种服务端的方式去优化响应速度，比如：加服务器、加缓存

puppeteer介绍

Puppeteer 是一个 Nodejs 库，它提供了一个高级 API 来通过 DevTools 协议控制 Chromium 或 Chrome。Puppeteer 默认以 headless 模式运行即“无头”模式，但是可以通过修改配置 headless:false 运行“有头”模式。