js图片 area 颜色_JS提取图片的主体颜色

语言：js

颜色量化算法：中位切分法

简介

1.获取图像的像素点数据，getImageData，得到的数据每四位分别代表一个rgba的值，这里可以把透明的像素点去掉即a=0的像素点，也可以把范围设置大一点。按每四位存到一个数组里头，接下来就是对数组进行处理。

2.中位切分算法首先把所有像素映射到RGB空间，我们以R,G,B中最长的边构造一个立方体，并且以这条边从中间切割，可以分别得到两个包含相同像素点的长方体，再以长方体的最长边进行中位切割，如此反复下去，满足条件时停止切割，比如颜色的极值小于50停止，或者长方体少于100个像素点时停止，此时，我们得到了满足条件的长方体，把像素点的平均值作为了此长方体的代表颜色。

完整代码

    getcolor

效果展示

参考资料

图像颜色提取

https://segmentfault.com/a/1190000009832996

js图片 area 颜色_JS提取图片的主体颜色相关推荐

python 提取图片的某个颜色_使用python提取图片中的主体颜色
上次国庆节去谷歌开发者大会,体验了很多有趣的人工智能项目. 其中有一个颜色匹配的环节,叫做"AI调色板,解码缤纷艺术世界",让我觉得很有意思,回来后,我计划自己实现一个类似的功能. ...
php转换图片属性a,PHP 提取图片img标记中的任意属性
/* PHP正则提取图片img标记中的任意属性 */ $str = ' PHP正则提取或更改图片img标记中的任意属性'; //1.取整个图片代码 preg_match('/]*?src\s*=\s* ...
php自动抓取文章图片,从文章中提取图片，把图片保存到本地，自动提取缩略图...
开发二代旅游网站程序和CMS的时候,有一个需求,就是从网上复制的内容,里面包含图片的,需要对把图片提取出来,并且保存到本地,并且把图片的URL地址本地化,以下是实现的代码. 开发二代旅游网站程序和CM ...
从视频中提取帧图片FFmpeg / 根据文件名提取图片
下载FFmpeg,解压后将bin目录添加到环境变量 https://www.ffmpeg.org/,也可以使用opencv 修改crop_time 后面的时间和videoPath.imagePath ...
php 读取图片的属性,PHP 提取图片img标记中的任意属性的简单实例
/* PHP正则提取图片img标记中的任意属性 */ $str = ' PHP正则提取或更改图片img标记中的任意属性'; //1.取整个图片代码 preg_match('/]*?src\s*=\s* ...
c# 保存html中的图片,c# HTML中提取图片地址
public class HtmlHelper { /// /// HTML中提取图片地址 /// public static List PickupImgUrl(string html) { Reg ...
js小学生图区_js实现图片区域可点击大小随意改变(适用移动端)代码实例
实现图片区域可点击,实际上使用map是可以的,但是适配效果并不好,图片只能是固定大小的值,而且点都被写死了. 在这里,我使用的js基于canvas写的一个小工具.可以圈出你需要点击的部分,然后生成一串 ...
前端js实现从视频中提取图片帧
使用canvas进行视频截图. <div class="dashboard-container"><div style="display: flex&q ...
神经网络给图片生成标题,神经网络提取图片特征
和神经网络有关,labelimg图片标注生成了xml文件,.xml里面记录了什么?希望有大神解答,感激不尽 . 首先说下打开方法:选择用IE打开或者notepad,然后里面从上到下分别记录了:1(fo ...

js图片 area 颜色_JS提取图片的主体颜色

简介

完整代码

效果展示

参考资料

js图片 area 颜色_JS提取图片的主体颜色相关推荐

最新文章

热门文章