javascript - HTML Canvas imageData 数组全为 0

Question

    var img, imageData,width,height; 
    var c = canvasEle.getContext("2d");
    width = canvasEle.width;
    height = canvasEle.height;

    img = document.getElementById("id");
    c.drawImage(img,0,0);
    imageData = c.createImageData(width, height);

当我将图像绘制到上下文上，然后创建一个imageData数组后，该数组的值都是0。

我已经为此苦苦挣扎了几个小时，但找不到任何解决方案。图像在我绘制后显示在 Canvas 上，但上下文的 imageData 表示所有像素都是白色的。这对我来说没有任何意义。

Answer 1

使用createImageData，您可以为空图像创建新的图像数据。请使用 getImageData 从现有 Canvas 中获取图像数据