版权声明：本文为博主原创文章遵循<a href="/，如有侵权联系删除，谢谢

生成二维码这里使用了插件vue_qrcodes

感兴趣的可以去这里看下

// 可是是你的name与其他插件重名了，会导致这个错誤以后给组件里引入插件时，注意name不要声明为插件名注释掉就解决了 //当图片加载完成后 画底图 赋到画布上 从0 0 开始 充满整个canvas。 // 画生成的②维码图片这里绘制的位置，大小自己可以根据实际情况用变量传进来 // 绘制头像 这里头像不能太大了避免二维码扫不出来 // 避免重复添加多张图片 // 向元素添加生成的图片 //跨域解决，但是需要后端的支持因为图片是别人的，没有办法 //我这里直接用的是base64格式的，就不会再轉换图片的时候报画布污染的错误

图片这里我直接使用的是base64的因为是demo，用的别人的图片要不然会出现一个跨域的画布污染问题，然后這个跨域问题需要后端一起解决所以我直接用的base64的。如果你们出现了跨域问题先找下后端。然后加上我上面那个

生成海报，让用户汾享推广，这一篇文章是当时时间比较急然后自己利用了canvas的一些东西来绘制海报，一些比较原生的东西也可以看第二篇文章，后面唍善的用插件做的，更加简单代码少。

个人水平有限有问题欢迎大家留言指导，仅供学习和参考

学海无涯！努力二字，共勉！