小程序
小游戏
企业微信
微信支付
扫描小程序码分享
图片是网络图片，在真机上能看到绘出来的图片，分享的时候图片没有显示，是canvasToTempFilePath的图片不支持分享吗？
3 个回答
加粗
标红
插入代码
插入链接
插入图片
上传视频
使用wx.canvasGetImageData获取 canvas 区域隐含的像素数据。然后将获取的像素数据通过wx.arrayBufferToBase64 转成base64就可以直接在真机上使用了
你好，麻烦通过点击下方“反馈信息”按钮，提供出现问题的。
相关白名单配置了
相关的域名配置了吗？
改成这样就可以，但部分组件引用会报{errMsg: "canvasToTempFilePath: fail canvas is empty"}
目前解决了。
发现有几个奇怪的点：
onShareAppMessage只能在页面中监听，在组件中监听不到；
canvas放在组件中会报{errMsg: "canvasToTempFilePath: fail canvas is empty"}，放在页面中不会
组件需要传入this
你好，为什么我用canvasToTempFilePath生成图片编辑器里是可以显示图片的，但是手机里测试不现实图片，只显示文字？
var textX = that.data.textX,
textY = that.data.textY + that.data.textSize/2;
ctx.drawImage(that.data.picPath, that.data.upImgX - that.data.imgx, that.data.upImgY - that.data.imgy, that.data.upImgWidth, that.data.upImgHeight);//图片
ctx.save();
ctx.translate(textX, textY);//设置画布上的(0,0)位置，也就是旋转的中心点
ctx.rotate(that.data.textRotate * Math.PI / 180);
ctx.setFillStyle('#' + that.data.color[that.data.colorUsed]);
ctx.setFontSize((that.data.textSize / 2) * that.data.screenRatio);
ctx.fillText(that.data.textCon, 0, 0);
ctx.restore();
ctx.draw(false, function (e) {
setTimeout(function(){
wx.canvasToTempFilePath({ //生成图片
canvasId: 'myCanvas',
success: function (res) {
that.setData({
imagePath: res.tempFilePath
})
console.log(res.tempFilePath);
wx.navigateTo({
url: "/pages/games/singleShare/singleShare?imagePath=" + res.tempFilePath
},
fail: function (res) {
console.log(res)
}
},this)
},500)
});
你好，为什么我用canvasToTempFilePath生成图片 在编辑器里可以显示图片，用手机测试不显示图片只有文字？我很着急谢谢！
关注后，可在微信内接收相应的重要提醒。
请使用微信扫描二维码关注 “微信开放社区” 公众号
使用wx.canvasGetImageData获取 canvas 区域隐含的像素数据。然后将获取的像素数据通过wx.arrayBufferToBase64 转成base64就可以直接在真机上使用了
相关白名单配置了
相关的域名配置了吗？
改成这样就可以，但部分组件引用会报{errMsg: "canvasToTempFilePath: fail canvas is empty"}
目前解决了。
发现有几个奇怪的点：
onShareAppMessage只能在页面中监听，在组件中监听不到；
canvas放在组件中会报{errMsg: "canvasToTempFilePath: fail canvas is empty"}，放在页面中不会
你好，为什么我用canvasToTempFilePath生成图片编辑器里是可以显示图片的，但是手机里测试不现实图片，只显示文字？
var textX = that.data.textX,
textY = that.data.textY + that.data.textSize/2;
ctx.drawImage(that.data.picPath, that.data.upImgX - that.data.imgx, that.data.upImgY - that.data.imgy, that.data.upImgWidth, that.data.upImgHeight);//图片
ctx.save();
ctx.translate(textX, textY);//设置画布上的(0,0)位置，也就是旋转的中心点
ctx.rotate(that.data.textRotate * Math.PI / 180);
ctx.setFillStyle('#' + that.data.color[that.data.colorUsed]);
ctx.setFontSize((that.data.textSize / 2) * that.data.screenRatio);
ctx.fillText(that.data.textCon, 0, 0);
ctx.restore();
ctx.draw(false, function (e) {
setTimeout(function(){
wx.canvasToTempFilePath({ //生成图片
canvasId: 'myCanvas',
success: function (res) {
that.setData({
imagePath: res.tempFilePath
})
console.log(res.tempFilePath);
wx.navigateTo({
url: "/pages/games/singleShare/singleShare?imagePath=" + res.tempFilePath
})
},
fail: function (res) {
console.log(res)
}
},this)
},500)
});
你好，为什么我用canvasToTempFilePath生成图片 在编辑器里可以显示图片，用手机测试不显示图片只有文字？我很着急谢谢！