async paintedCake() {
wx.createSelectorQuery()
.select('#myCanvas')
.fields({
node: true,
size: true
})
.exec(res => {
let myData = this.data.myData;
const canvas = res[0].node;
const ctx = canvas.getContext('2d');
const dpr = wx.getSystemInfoSync().pixelRatio;
const screenWidthRpx = wx.getSystemInfoSync().screenWidth / 375;
canvas.width = wx.getSystemInfoSync().screenWidth * dpr * 1.8 * screenWidthRpx;
canvas.height = res[0].height * dpr * 2;
ctx.scale(dpr, dpr);
ctx.font = '28px Arial';
ctx.fillStyle = '#7B481E';
let str = myData.name.slice(0, 10)
const text = `${str}...`;
const texts = `用户id:${myData.id}`;
const image = canvas.createImage();
const image1 = canvas.createImage();
const image2 = canvas.createImage();
image.onload = () => {
ctx.drawImage(image, 0, 0, 686 * screenWidthRpx, 1022 * screenWidthRpx); //乘以比例来自适应
const textWidth = ctx.measureText(text).width;
const textWidths = ctx.measureText(texts).width;
ctx.fillText(text, ((700 * screenWidthRpx - textWidth) / 2), 460 * screenWidthRpx); //计算字的位置
ctx.fillText(texts, ((700 * screenWidthRpx - textWidths) / 2), 500 * screenWidthRpx);
image1.src = `${this.data.head}`
};
image1.onload = () => {
ctx.drawImage(image1, 292 * screenWidthRpx, 290 * screenWidthRpx, 370 * screenWidthRpx, 200 * screenWidthRpx);
wxbarcode.qrcode('qrcode', this.data.InvitationCode, 364, 284);
wx.canvasToTempFilePath({
canvasId: 'qrcode',
success: (res) => {
this.setData({
qrcodeTempFilePath: res.tempFilePath
})
console.log('res.tempFilePath', res.tempFilePath);
image2.src = `${this.data.qrcodeTempFilePath}`;
},
fail: (err) => {
console.log('errsss', err);
}
}, 0);
};
image2.onload = () => {
console.log('qwe');
ctx.drawImage(image2, ((700 - 305) / 2) * screenWidthRpx, 530* screenWidthRpx, 650 * screenWidthRpx, 300 * screenWidthRpx);
wx.canvasToTempFilePath({
canvas,
success: res => {
const tempFilePath = res.tempFilePath;
this.setData({
image: tempFilePath
});
},
fail: err => {
console.error('err:', err);
}
});
};
image.src = 'https://channels-network.oss-cn-qingdao.aliyuncs.com/images/profile/invitefriends.png';
});
},
