image - canvas getImageData 2 つの画像

Question

皆さん、

キャンバス オブジェクトにある画像の色を取得する必要があります。

それが私が今していることです：

_canvas.getContext('2d').getImageData(event.offsetX, event.offsetY, 1, 1).data;

これは私が欲しいものですが、2つの画像があります... 1つは描画するだけで色がありません... もう1つは同じですが、各部分に色があります... ユーザーに見せたい..色のない画像...そしてマウスをホバーすると...「背面」の色を取得します。

私がここでやろうとしていることを理解していただければ幸いです。

この方法で画像を追加しています：

loadIMLImage(context, "http://localhost:51413/img/image_color.png");
loadIMLImage(context, "http://localhost:51413/img/image.png");

そしてこれが方法です

   function loadIMLImage(context, source) {
       base_image = new Image();
       base_image.src = source;
       base_image.onload = function () {
           context.drawImage(base_image, 100, 100);
       }
       return base_image;
   }

どんな助けでも大歓迎です。