qq929341129 2022-05-16 18:30 采纳率: 100%
浏览 248
已结题

canvas压缩图片后返回的base64的图片有几率会是黑色或者白色的

问题遇到的现象和发生背景

vant-upload 上传图片在after-read中使用canvas压缩图片有几率是纯黑或者纯白的图片

问题相关代码,请勿粘贴截图
    const canvas = document.createElement('canvas') // 创建Canvas对象(画布)
    const context = canvas.getContext('2d')
    const img = new Image()
    img.src = file.content // 指定图片的DataURL(图片的base64编码数据)
    img.onload = () => {
      canvas.width = img.width
      canvas.height = img.height
      context.drawImage(img, 0, 0, img.width, img.height)
      file.content = canvas.toDataURL(file.file.type, 0.1) // 0.92为默认压缩质量
      const files = this.dataURLtoBlob(file.content, file.file.name)
      upLoadImgFuc(files, list)
    }
运行结果及报错内容

压缩之后的图片有几率是纯黑或者纯白

我的解答思路和尝试过的方法
我想要达到的结果
  • 写回答

1条回答 默认 最新

  • qq929341129 2022-05-17 13:50
    关注
    问题找到了 ios不执行img.onload方法
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论

报告相同问题?

问题事件

  • 系统已结题 5月27日
  • 已采纳回答 5月19日
  • 创建了问题 5月16日

悬赏问题

  • ¥15 公交车和无人机协同运输
  • ¥15 stm32代码移植没反应
  • ¥15 matlab基于pde算法图像修复,为什么只能对示例图像有效
  • ¥100 连续两帧图像高速减法
  • ¥15 组策略中的计算机配置策略无法下发
  • ¥15 如何绘制动力学系统的相图
  • ¥15 对接wps接口实现获取元数据
  • ¥20 给自己本科IT专业毕业的妹m找个实习工作
  • ¥15 用友U8:向一个无法连接的网络尝试了一个套接字操作,如何解决?
  • ¥30 我的代码按理说完成了模型的搭建、训练、验证测试等工作(标签-网络|关键词-变化检测)