画布drawimage问题，导致白色，仅某些图像答案

【问题标题】：canvas drawimage issues, result in white , certain image only画布drawimage问题，导致白色，仅某些图像
【发布时间】：2020-12-25 15:15:11
【问题描述】：

尝试使用画布绘制图像。如果使用此图像会产生白色，如果使用其他图像，则效果很好。请赐教。有没有 [1]：https://i.stack.imgur.com/TesBY.jpg（如果放大，会出现图片...）

          const img = document.createElement('img');
          img.src = reader.result;
          img.onload = () => {

            const canvas = document.createElement('canvas');
            canvas.width = img.width
            canvas.height = img.height
            const ctx = canvas.getContext('2d');
         
          ctx.drawImage(img, 0, 0, canvas.width, canvas.height);


            canvas.toBlob(resolve);
          };
        };

【问题讨论】：

图像本身似乎已损坏或使用了一些不太受支持的功能，因为一旦我在浏览器中更改缩放级别，原始图像也会显示为白色。

标签： canvas drawimage

【解决方案1】：

在将图像处理为绘图之前找到了一种解决方法，执行图像转换，猜测它会修复损坏的图像...... 我终于这样解决了。

import * as imageConversion from 'image-conversion';

   let compressIm = new Promise(resolve => {imageConversion.compress(imgObj,{
            quality: 1,
            type: "image/jpeg",
            width: 800,
            height: 600,
            orientation:2,
            scale: 0.5,
          })
        })

【讨论】：