应项目需求,要一张宣传页面上加一个太阳码合成一张宣传海报,用户用微信可以识别进入微信小程序。
1. npm安装
npm install html2canvas --save //html转canvas
2.页面引入
import html2canvas from 'html2canvas';
3.html:
两张图片的具体定位,可通过css控制,这边代码忽略。
qrcode.png为太阳码图片,是后端直接base64返回给前端,前端直接展示(src = 'data:image/png;base64,'+ res.data),此代码忽略
<!--生成的合成图片-->
4.js