繁体   English   中英

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

[英]how to get pixel color from image using x and y coordinates?

我正在尝试做的是将“pixel.jpg”和cosole.log视为由变量确定的x和y值处的像素的RGB值。 我假设我需要创建一个画布,然后使用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>

在画布上绘制像素。 然后使用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);
}

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM