[英]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.