小程序
小游戏
企业微信
微信支付
扫描小程序码分享
PC端能正常生成图片,手机端调试就报错??
4 个回答
加粗
标红
插入代码
插入链接
插入图片
上传视频
你好,可以分享一下代码吗?同一个问题困扰了两天了,感谢
你好,麻烦通过点击下方“反馈信息”按钮,提供出现问题的。
代码:
<view style='width:0px;height:0px;overflow:hidden;'>
<canvas class="myCanvas" canvas-id="mycanvas" type="2d"/>
</view>
//绘制画布
draImg(){
var logo = this.data.list[this.data.current];
if(!logo){
return;
}
ctx.drawImage(logo, 0, 0, 750, 1000);
ctx.drawImage(this.data.qrcode, 580, 830, 129, 129)
ctx.draw()
ctx.setFontSize(34)
ctx.fillText(this.data.nickname, 35, 857)
ctx.draw(true)
this.okgenerate();
},
//生成分享图
okgenerate() { //生成图片方法
var that = this
setTimeout(() => {
wx.canvasToTempFilePath({ //生成图片
quality: 1,
canvasId: 'mycanvas',
success: function (res) {
wx.saveImageToPhotosAlbum({ //保存生成的图片到手机相册里
filePath: res.tempFilePath,
success(res) {
wx.showToast({
title: '保存成功',
icon: 'success',
duration: 2000
})
fail: function (res) {
console.log(res)
},that)
}, 500)
你的canvas标签是否加了wx:if或者hidden判断 贴一下你的代码
贴代码吧
关注后,可在微信内接收相应的重要提醒。
请使用微信扫描二维码关注 “微信开放社区” 公众号
你好,可以分享一下代码吗?同一个问题困扰了两天了,感谢
代码:
<view style='width:0px;height:0px;overflow:hidden;'>
<canvas class="myCanvas" canvas-id="mycanvas" type="2d"/>
</view>
//绘制画布
draImg(){
var logo = this.data.list[this.data.current];
if(!logo){
return;
}
ctx.drawImage(logo, 0, 0, 750, 1000);
ctx.drawImage(this.data.qrcode, 580, 830, 129, 129)
ctx.draw()
ctx.setFontSize(34)
ctx.fillText(this.data.nickname, 35, 857)
ctx.draw(true)
this.okgenerate();
},
//生成分享图
okgenerate() { //生成图片方法
var that = this
setTimeout(() => {
wx.canvasToTempFilePath({ //生成图片
quality: 1,
canvasId: 'mycanvas',
success: function (res) {
wx.saveImageToPhotosAlbum({ //保存生成的图片到手机相册里
filePath: res.tempFilePath,
success(res) {
wx.showToast({
title: '保存成功',
icon: 'success',
duration: 2000
})
}
})
},
fail: function (res) {
console.log(res)
}
},that)
}, 500)
},
你的canvas标签是否加了wx:if或者hidden判断 贴一下你的代码
官方文档https://developers.weixin.qq.com/miniprogram/dev/api/canvas/wx.canvasToTempFilePath.html
ctx.draw(true,this.okgenerate)
贴代码吧