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.

我一直在努力奋斗几个小时，找不到任何解决方案。绘制后，图像显示在画布上，但上下文的imageData表示所有像素都是白色。这对我没有任何意义。

Answer 1

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