Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/369.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何使用HTML canvas getImageData()计算图像的颜色?_Javascript_Image_Canvas_Html5 Canvas - Fatal编程技术网

Javascript 如何使用HTML canvas getImageData()计算图像的颜色?

Javascript 如何使用HTML canvas getImageData()计算图像的颜色?,javascript,image,canvas,html5-canvas,Javascript,Image,Canvas,Html5 Canvas,如何使用getImageData()计算图像上的颜色 我想得到并显示计数的数量 “数颜色”是什么意思? 客户将图像上载到我的网站。 我还从网站上保存了一张图片,以便打印到“T恤”上。 但我无法打印超过10种颜色的图像。 在下载到我的计算机之前,我想查看网站上的所有图像。这里有一种计算独特颜色的方法: 迭代缓冲区 创建一个对象以保持每种颜色的关键点 增加键 var canvas=document.querySelector(“canvas”), out=document.querySelec

如何使用getImageData()计算图像上的颜色
我想得到并显示计数的数量

“数颜色”是什么意思? 客户将图像上载到我的网站。
我还从网站上保存了一张图片,以便打印到“T恤”上。
但我无法打印超过10种颜色的图像。

在下载到我的计算机之前,我想查看网站上的所有图像。

这里有一种计算独特颜色的方法:

  • 迭代缓冲区
  • 创建一个对象以保持每种颜色的关键点
  • 增加键
var canvas=document.querySelector(“canvas”),
out=document.querySelector(“输出”),
ctx=canvas.getContext(“2d”),
w=画布宽度,
h=画布高度,
单元=9,sx=w/单元,sy=h/单元,x,y
//随机颜色框(数量相当均匀):
对于(y=0;y>8,b=(key&0xff0000)>>16;
警报(“第一个键:“+r+”、“+g+”、“+b+”=“+stats[键]+”
“\n唯一颜色:”+计数)


计算颜色是什么意思……不应该太难,迭代每个像素获取颜色,作为对象中的关键点存储,然后计算关键点的数量,但是您尝试过什么?您需要更清楚“计算图像上的颜色”的含义。