小程序
小游戏
企业微信
微信支付
扫描小程序码分享
图片是网络图片,在真机上能看到绘出来的图片,分享的时候图片没有显示,是canvasToTempFilePath的图片不支持分享吗?
2 个回答
加粗
标红
插入代码
插入链接
插入图片
上传视频
相关白名单配置了
你好,麻烦通过点击下方“反馈信息”按钮,提供出现问题的。
相关的域名配置了吗?
改成这样就可以,但部分组件引用会报{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生成图片 在编辑器里可以显示图片,用手机测试不显示图片只有文字?我很着急谢谢!
关注后,可在微信内接收相应的重要提醒。
请使用微信扫描二维码关注 “微信开放社区” 公众号
相关白名单配置了
相关的域名配置了吗?
改成这样就可以,但部分组件引用会报{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生成图片 在编辑器里可以显示图片,用手机测试不显示图片只有文字?我很着急谢谢!