Question

我正在拍摄模拟器（ish）。我有一个白色背景的人的剪影。我有它所以你可以拍它。我希望子弹在sillhouette开始时停止。你可以在这里看到它：

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。更新即将到来。~~

如何使用Javascript从img感知颜色

1 个答案: