vue 生成海报+二维码

生成二维码：qrcode.js 插件

// vue里安装
npm i qrcodejs2
// dom元素
<div id="qrcode" ref="qrcode"></div>
// 生成二维码的方法
qrcode () {
	new QRCode('qrcode', {
		width: 80,
		height: 80,        // 高度
		text:  'http://www.baidu.com',   // 二维码内容
		// render: 'canvas' ,   // 设置渲染方式（有两种方式 table和canvas，默认是canvas）
		// background: '#f0f',   // 背景色
		// foreground: '#ff0'    // 前景色
	})
},

生成图片：html2canvas 插件

// 生成图片的方法
html2canvas(document.getElementById("Img"), { 
	allowTaint: true,
	useCORS: true
}).then(function (canvas) {
	var imgUri = canvas.toDataURL("image/jpeg", 2); // 获取生成的图片的url
});