一起养成写作习惯！这是我参与「掘金日新计划 · 4 月更文挑战」的第2天，点击查看活动详情。 简介 翻译自官网 介绍： 该脚本允许您直接在用户浏览器上对网页或其部分进行“截图”。屏幕截图基于 DOM，

目前业务中突然有需要生成简单的海报页面并且分享到微信及朋友圈的需求，由于基于目前上线时间太短没法实施，小需求被砍掉了，但是闲暇之余我还是思考了一下可行的方案

基于html2canvas，我们可以将已经开发好的dom或组件渲染为图片，不仅省去了重复开发的过程，还使得海报图片与页面效果保持一致性！

主要分享在浏览器和小程序中前端如何合成海拔图片并保存到本地，在不同的设备或DOM元素可能会存在一定的兼容性，本次主要分享核心实现的逻辑。