利用 puppeteer 打造通用截图服务(二)
· 阅读需 4 分钟
前一篇说了一堆服务端方面的实现,发现没讲界面上的东西,这次当一个小小的补充。
前一篇说了一堆服务端方面的实现,发现没讲界面上的东西,这次当一个小小的补充。
在开发小程序过程中经常会遇到的一个强需求:生成分享图发送给用户,这里往往存在着开发人员对复杂分享图的抵制与设计师的花里胡哨理念之间的冲突。以往渲染分享图都采用canvas绘制,但对复杂图形的绘制比较困难(比如曲线、图形起点终点的计算等),同时设计稿的某些效果难以实现(比如阴影等),而且往往同一个小程序需要在不同情况下产生不同的分享图效果(比如一个活动,当前参与人数为1,2,3人需要不同的分享图)。
某一天刚好大家一起在吐槽,然后冒出来一个想法,用 HTML
来绘制这些复杂图形并截图下来岂不妙哉?刚好之前看过谷歌开源的 puppeteer
,就赶紧趁热打铁整理了一下思路: