微信小程序开发的踩坑记录
canvas生成图片到真机上,图片不显示
图片需要先缓存到本地,然后在用本地的临时路径去获取图片,否在会导致canvas已经生成图片了,但是图片还没有down下来,所以图片就不会显示,另外参考博客有的也说是在微信公众平台没有设置download路径导致的。
wx.getImageInfo({
src: '图片路径',
success(res) {
_this.setData({
// 将图片的临时路径保存
resTempImgPath:res.path
});
},
complete: function () {
// 生成图片
_this.createImg();
}
})
canvas生成图片,全是黑的,文字不显示。
这个问题其实不是文字不显示,而是canvas默认的背景是黑色,大部分情况下,我们使用的字体也会使用黑色,所以就会出现上所述的问题,解决办法要么改背景色,要么将字体改成白色
// 先设置,背景颜色
ctx.setFillStyle('#FFFFFF')
ctx.fillRect(0, 0, _this.data.width, _this.data.height)
ctx.setTextAlign('left') // 位置
// 再设置字体颜色
ctx.setFillStyle('#030303') // 颜色
ctx.setFontSize(15);
ctx.fillText('事件编号:' + _this.data.applyInfo.applyId, 5, 30)