微信小程序分享朋友圈生成海报

微信小程序实现分享到朋友圈

分享朋友圈现在大家的通用做法就是通过Canvas生成一张图片后进行保存，然后自行转发朋友圈。最近项目有这个需求, 于是就记录一下。（老规矩，我的博客复制粘贴就好使）

如果想要海报上的二维码扫码完直接跳到指定的页面, 那么就需要生成一个带参数的二维码, 你需要看我的另一篇博客：微信小程序生成带参数的二维码以及小程序码

先看一下效果图：

 

一、先把代码写上去

index.wxml代码：

<view class="container">
  <image src="{
  
  {shareImage}}" class="share-image"></image>
  <canvasdrawer painting="{
  
  {painting}}" class="canvasdrawer" bind:getImage="eventGetImage"/>
  <button bind:tap="eventDraw">绘制</button>
  <button bind:tap="eventSave">保存到本地</button>
</view>

 index.wxss代码：