小编iam*_*cel的帖子

我一直在尝试制作一个比较HTML5和Javascript中的两个图像的脚本.但由于一些奇怪的原因,它总是返回图像是完全相同的.

在查看问题可能是什么时,我发现每个像素的每个数据值都返回,出于某种奇怪的原因,"0".

那么,任何关于我做错了什么的想法？:)

出于某种原因,我觉得这很简单,但我刚学会了画布元素,所以是的.

这是我的代码:

function compareImg() {
    var c1 = document.getElementById("c");
    var ctx1 = c1.getContext("2d");
    var c2 = document.getElementById("c2");
    var ctx2 = c2.getContext("2d");

    var match = 0;

    var img1 = new Image();
    img1.src = "cat.jpg";
    img1.onload = function() {
        ctx1.drawImage(img1, 0, 0);
    }
    var img2 = new Image();
    img2.src = "bird.jpg";
    img2.onload = function() {
        ctx2.drawImage(img2, 0, 0);
    }


    for(var x = 0; x<c1.width; x++) {  // For each x value
        for(var y = 0; y<c1.height; y++) { // …