之前在做微信分享时，大多都是基于微信公众号开发实现的微信自定义分享，但是这中分享只能在微信好友或者朋友圈等之间分享，分享的形式大多是“微信小卡片”的形式分享给好友或者分享到朋友圈。但是，还有一些其它情况，比如在公众号中推送公众号文章进行促销，阅读者可以通过公众号文章来引流跳转至已经开发好的H5页面。实现此功能，前期需要好多操作，相对来说操作也比较频繁，有时候还需要反复修改生成图片等。最最主要的是还需要负责营销推广的“运营”同事来给开发要H5文件链接生成二维码，再发送给编辑人员插入到公众号中进行推广，相对来说，费时费力，还容易出现错误。 偶然间看到一公众号内嵌的H5网页有一个分享按钮，最初以为是用“微信小卡片”的形式分享给好友，但是当我点击分享后，不是分享给好友，而是生成了一张带有自己信息的图片，此处提示“长按并保存图片到手机”，感觉这种分享方式还挺特别的。再做营销类的活动时，需要好友“助力”，这种活动前期比较多，自从“PDD”疯狂邀请好友助力的模式出现之后，也引起了微信用户的反感。现在微信管理的比较严格了，类似这种助力方式也少了很多，但是现在推广活动中，偶尔还是会用到的，毕竟“产品大佬”方法和点子还是比较多的，做为开发的我们也只能想办法去实现喽！

接下来主要讲的是借助第三方插件来实现组合生成带有二维码的图片！

注：

插件介绍：（点击访问文档地址）

图3_1：选择背景图 图3_2：选择生成二维码的信息 图3_3：选择Logo图片 图3_4：弹窗展示图片，并且下载生成的图片

代码和效果图都是实时生成的，图片的样式可以自己自定义，也可以借助插件来指定生成的图片的宽度width、高度height、像素密度dpi等，当生成的图片不是很清楚时，可以对图片的scale缩放属性进行相应的设置，或者通过修改像素密度来提高图片的清晰度。 本次代码版本是基于Vue2.x实现的，Vue3.x版本的后续会进行更新，若有需求，请自行修改。