どのように色を知るためにJavascriptでimgから

Question

私はシューターシミュレータ（ish）を作っています。私は白い背景の人のシルエットを持っています。私はあなたがそれを撃つことができるように持っています。シルエットの始まりに弾丸が止まるようにしたい。

codepen.io/TheAndersMan/pen/WRNEmR?editors=0011 

気軽にコードを変更してください。前もって感謝します！

Answer 1

hereからこのコードを使用してください。 jQueryのhereなし

バージョン：それはブロックされる可能性があるとして

img = document.getElementById("image") 
output = document.getElementById("output") 

img.onmousemove = function(e) { 

    if (!this.canvas) { 
    this.canvas = document.createElement('canvas'); 
    this.canvas.width = this.width; 
    this.canvas.height = this.height; 
    this.canvas.getContext('2d').drawImage(this, 0, 0, this.width, this.height); 
    } 

    var pixelData = this.canvas.getContext('2d').getImageData(event.offsetX, event.offsetY, 1, 1).data; 

    output.innerHTML = 'R: ' + pixelData[0] + '<br>G: ' + pixelData[1] + '<br>B: ' + pixelData[2] + '<br>A: ' + pixelData[3]; 

}; 

が他のサイトからの画像を使用しないでください。

更新：ほとんどすべてのjQueryがないコード here。更新が来ます。