淘宝 生成 图片二维码分享

最近公司需求提出仿淘宝分享生成一张含有图片/二维码/文字的图片

实现方法：

1. 采用的canvas 插入图片和生成图片的功能
2. 生成二维码采用的是QRCode 插件

实现效果：

实现步骤：
我是在vue环境中实现的
1.引入qrcode

1安装插件 npm install qrcode
2、在main.js中引入
import QRCode from 'qrcode'    //定义生成二维码组件

2.dom元素构建

 <div id="app">
    <button class="btn" @click="drawChart">绘图</button>  //点击按钮生成图片
    <div class="wrap" v-show="show">
      <canvas width="300&#