时间:2019-05-03 来源:小程序工厂
相关白名单配置了
相关的域名配置了吗?
改成这样就可以,但部分组件引用会报{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生成图片 在编辑器里可以显示图片,用手机测试不显示图片只有文字?我很着急谢谢!