小程序之--canvasToTempFilePath

来源：爱站旅游

⼩程序之--canvasToTempFilePath

最近做的⼩程序需要图⽚上传头像的功能，不对上传的图⽚做处理肯定出来的效果不好；所以就隐藏了⼀个canvas对上传的图⽚进⾏压缩或者进⾏⼤⼩的编辑；

通过chooseImage⽅法，可以拿到图⽚的临时路径；然后，drawImage到canvas上；再通过canvasToTempFilePath的⽅法将处理后的图⽚导出路径来，最后上传到服务器上；

那么问题出现了：选择的图⽚drawImage到canvas没有问题；但是怎么canvasToTempFilePath导出的路径图⽚都是空⽩的；问题过程：

1、之前，通过这种⽅式导出来没有问题的；

2、从⽹上找到⼤家解决⽅式，通过draw回调来导出图⽚，但是还是不⾏，draw的第⼀次参数reserve设置为false； 3、修改fileType类型；

通过以上⽅法仍旧不⾏，经过反复跟踪才发现原来问题不出在canvasToTempFilePath这个⽅法上；原来是我在选择图⽚的时候canvas标签是hidden的，选择图⽚后才让它显⽰。

这样拿到的canvas中的图⽚对象是空的，造就了图⽚是空⽩的；

还有⼀种情况导出图⽚是空⽩，是因为draw的回调函数是异步的，在调⽤canvasToTempFilePath⽅法适当的加⼀些时间延迟；

分享不是为了别的，只是希望填坑；谢谢！

因篇幅问题不能全部显示，请点此查看更多更全内容

查看全文