如何使用 x 和 y 坐标从图像中获取像素颜色？答案

【问题标题】：how to get pixel color from image using x and y coordinates?如何使用 x 和 y 坐标从图像中获取像素颜色？
【发布时间】：2016-05-31 03:35:48
【问题描述】：

我想做的是取“pixel.jpg”和 cosole.log 的 RGB 值由变量确定的 x 和 y 值处的像素。我假设我需要创建一个画布然后扫描整个事情都使用 for 循环.. ??

<meta charset="UTF-8">
title>Pixel</title>
<link href="pixel.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="pixel.js"></script>

<pre id="output"></pre>

【问题讨论】：

stackoverflow.com/questions/13963308/…

标签： javascript html image jpeg pixel

【解决方案1】：

在画布上绘制像素。然后使用getImageData。

var getPixelColor = function(img,x,y){
    var canvas = document.createElement('canvas');
    canvas.width = 1;
    canvas.height = 1;
    var ctx = canvas.getContext('2d');
    ctx.drawImage(img,x,y,1,1,0,0,1,1);
    return ctx.getImageData(0,0,1,1);
}

【讨论】：