比如将当前页面生成一张海报,要求携带当前用户的登录信息。
参考答案:
将目标 DOM 节点绘制到 canvas 画布,然后利用 canvas 相关的 API 以图片形式导出。
可简单标记为绘制阶段和导出阶段两个步骤:
nodeType
属性调用 canvas
对象的对应 API,将目标 DOM 节点绘制到 canvas
画布(例如对于 img 标签的绘制使用 drawImage 方法)。toDataURL
或 getImageData
等对外接口,最终实现画布内容的导出。将 html 作为 svg 的外联元素,利用 svg 的 API 导出为图片
在后端生成海报,比如可以使用nodeJS,通过 puppter
等库,调用浏览器的 page 对象,基于 page.screenshots 截图并保存到磁盘。
最近更新时间:2024-07-20