Javascript 如何使用HTML canvas getImageData()计算图像的颜色?
如何使用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
我想得到并显示计数的数量 “数颜色”是什么意思? 客户将图像上载到我的网站。
我还从网站上保存了一张图片,以便打印到“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唯一颜色:”+计数)代码>
计算颜色是什么意思……不应该太难,迭代每个像素获取颜色,作为对象中的关键点存储,然后计算关键点的数量,但是您尝试过什么?您需要更清楚“计算图像上的颜色”的含义。