• 小程序之--canvasToTempFilePath


          最近做的小程序需要图片上传头像的功能,不对上传的图片做处理肯定出来的效果不好;所以就隐藏了一个canvas对上传的图片进行压缩或者进行大小的编辑;

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

    那么问题出现了:选择的图片drawImage到canvas没有问题;但是怎么canvasToTempFilePath导出的路径图片都是空白的;

    问题过程:

                     1、之前,通过这种方式导出来没有问题的;

                     2、从网上找到大家解决方式,通过draw回调来导出图片,但是还是不行,draw的第一次参数reserve设置为false;

                     3、修改fileType类型;

    通过以上方法仍旧不行,经过反复跟踪才发现原来问题不出在canvasToTempFilePath这个方法上;原来是我在选择图片的时候canvas标签是hidden的,选择图片后才让它显示。

    这样拿到的canvas中的图片对象是空的,造就了图片是空白的;

    还有一种情况导出图片是空白,是因为draw的回调函数是异步的,在调用canvasToTempFilePath方法适当的加一些时间延迟;

    分享不是为了别的,只是希望填坑;谢谢!

  • 相关阅读:
    Linux如何重复执行命令每隔几秒或者每隔几分钟
    Linux中如何在系统重启时执行命令或脚本
    如何重启Linux服务器
    Linux中30个有用的命令
    Linux中如何同时执行多个命令
    Linux中查看主机名的10种方法
    Linux中创建文件的10种方法
    Linux中cat命令的使用
    K8S最佳安装教程
    使用yum安装Golang
  • 原文地址:https://www.cnblogs.com/han-xu/p/8418103.html
Copyright © 2020-2023  润新知