使用createCanvasContext的rotate和draw方法实现对上传图片的方向转正,小程序执行正常,真机测试和app端第一次生成有误,只draw了一个几k的小图片,第二次及以后可以正常生成图片。
附相关代码片段如下。
var ctx = uni.createCanvasContext('myCanvas'+i)
...
ctx.clearRect(0,0,1000,1000)
...
ctx.draw(false,setTimeout(()=>{
uni.canvasToTempFilePath({
x: 0,
y: 0,
width: canvasWidth02,
height:canvasHeight02,
destWidth:canvasWidth02,
destHeight:canvasHeight02,
quality: 1,
canvasId: 'myCanvas'+i,
success:(res)=> {
this.imageList.push(res.tempFilePath)
},
fail:(err)=>{
console.log(err)
}
},this)
},1000))
表现图
