微信小程序生成海报
// 点击生成海报
onClickShow() {
let _this = this
_this.setData({ show: true })
const ctx = wx.createCanvasContext('myCanvas', _this);
// 绘制背景图片
wx.getImageInfo({
src: 'https://img1.baidu.com/it/u=2794566473,459897843&fm=253&fmt=auto&app=138&f=JPEG?w=357&h=500', // 本地背景图片路径
success(res) {
ctx.drawImage(res.path, 0, 0, 300, 300);
// 绘制完成并保存画布
ctx.draw(false, (() => {
wx.canvasToTempFilePath({
canvasId: 'myCanvas',
success(res) {
console.log('Canvas 生成临时图片路径:', res.tempFilePath);
},
fail(err) {
console.error('Canvas 保存失败:', err);
}
}, _this);
})());
}
});
},