javascript - 有没有可以从图像生成调色板的js库?

标签 javascript colors styles

可能会做类似的事情

<img  class="image" ... />

$(".image").get_colors()

我知道很少有网站可以上传你的图片,它会为你生成颜色,但我想在我的网站上放一些东西

类似于 this您可以在其中看到从屏幕截图生成的颜色并可以按颜色搜索。我试图检查源代码,但看不到任何对 js 库的引用。

如果可能的话,我需要这个特性来使用 js。

编辑: 图片已经在页面上了;我只需要生成它的颜色,所以我不需要上传功能。

谢谢。

最佳答案

您可能对 this related question 感兴趣和 my answer to another one .

从图像中获取所有 颜色很简单,至少在支持canvas 元素的浏览器中是这样 - 技术是described here .你最终得到一个 CanvasPixelArray ( described here ),它本质上是一个像 [r,g,b,a,r,g,b,a, ...] 其中 r,g,b,a 是指示每个像素的红色、绿色、蓝色和 alpha 值的字节。

困难的部分是识别或创建一小部分代表性颜色,而不是 100x100 图像中可能存在的 10,000 种颜色。这是一个相当复杂的问题,有很多解决方案 ( overview here )。您可以在 clusterfck library 中看到两种可能算法的 Javascript 实现。和 my port of the Leptonica Modified Median Cut algorithm .

关于javascript - 有没有可以从图像生成调色板的js库?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8421127/

相关文章:

javascript - javascript .text 调用中的空格

Swift Swiftui - 将颜色保存到 UserDefaults 并从@AppStorage 使用它

android - 如何更改PreferenceFragment样式/主题?

javascript - 倒计时后重定向到另一个页面

javascript - Angular Breeze 设置

visual-c++ - MFC:更改CEdit的颜色

python - 如何为图像中的对象着色每个颜色不同

java - 如何根据某些变量在小部件上应用各种样式?

wpf - 如何设置WPF ComboBox的样式

javascript - 使用 ngTouch 定义触摸事件区域