小程序绘制图片然后保存,运行后直接报错 Cannot read property 'replace' of null
saveImage(){
console.log("1")
uni.showLoading({
title: '图片绘制中...',
})
var url = 'http://hzmt.cttv.co/NewsImag/d7aafa27a2aa4ecd940498f9d931692d.jpg'
//开始绘制图片,这边主要就是canvas写法了,uniapp官方:https://uniapp.dcloud.io/api/ui/canvas?id=%E5%9C%A8canvas%E4%B8%8A%E7%94%BB%E5%9B%BE
const context = uni.createCanvasContext('myCanvas')
context.drawImage(url,0, 0, this.windowWidth, this.windowHeight)
context.drawImage(this.src,this.windowWidth/2-95/2, this.windowHeight/2,95,95)
context.drawImage("http://www.cttv.co/NewsImag/201959123353502.jpg",(this.windowWidth-251)/2,7*(this.windowHeight/8),78,24)
context.drawImage("http://hzmt.cttv.co/NewsImag/d7aafa27a2aa4ecd940498f9d931692d.jpg",(this.windowWidth-251)/2+88,7*(this.windowHeight/8),78,24)
context.setFontSize(14)
context.setFillStyle("#FEEDBB")
context.fillText('邀请码:'+this.invitation,(this.windowWidth-251)/2+88+88,7*(this.windowHeight/8)+16)
console.log("2")
context.draw(false,function(){
uni.canvasToTempFilePath({
canvasId:'myCanvas',
success: function(res){
uni.hideLoading()
console.log(res.tempFilePath)
uni.saveImageToPhotosAlbum({
filePath:res.tempFilePath,
success : function(res){
uni.showToast({title : '图片已保存'})
}
})
}
})
})
}
0 个回复