putImageData方法写在window.onload里面没有效果?

来源:4-1 getImageData 和 putImageData

慕粉214150340

2017-06-26 16:01

window.onload = function () {
    image.src = 'imgDemo.jpeg';
    image.onload = function () {
        contexta.drawImage(image, 0, 0, canvasa.width, canvasa.height);
    }
    
    var imgData = contexta.getImageData(0, 0, canvasa.width, canvasa.height);
    console.log(imgData);
    contextb.putImageData(imgData, 0, 0, 0, 0, canvasb.width, canvasb.height);
}

console.log(imgData);是有数据的,但是运行后,contextb.putImageData
并没有效果,把这段代码挪到外面的方法里就有效了,请问这是为什么呢?

写回答 关注

1回答

  • 大彭
    2017-07-11 15:24:50

    7,8,9行应该写在image.onload的drawImage行后面。

    你的 目的是复制图片a的数据到canvasb中。是吗?

Canvas玩转图像处理

canvas系列第三课,学会编写图像算法,一起玩转图像处理吧

60311 学习 · 124 问题

查看课程

相似问题