【问题标题】:Check if image background is white using Javascript使用Javascript检查图像背景是否为白色
【发布时间】:2013-10-02 02:52:30
【问题描述】:

我正在为用户创建一种向他们的图像添加一些按钮的方法。现在我想如果按钮可以根据图像的背景颜色改变颜色会很酷。

首先我想选择黑白对比。

所以如果背景是白色,那么按钮就是黑色,如果背景颜色是黑色,那么按钮应该是白色。

但是,我的问题是是否可以仅使用 javascript 来识别图像的背景?如果是的话怎么办?

【问题讨论】:

  • 如果您知道图像的 URL,您可以在隐藏的画布中绘制它,并使用颜色小偷之类的库确定它的主色。
  • 您可以将图像绘制到<canvas> 元素,然后对一些像素进行采样以检测它们的颜色。

标签: javascript image


【解决方案1】:

这将为您处理所有事情,只需为每个条件设置选择器。

https://github.com/kennethcachia/Background-Check

【讨论】:

  • 虽然此链接可能会回答问题,但最好在此处包含答案的基本部分并提供链接以供参考。如果链接页面发生更改,仅链接的答案可能会失效。
  • 很遗憾,由于跨域问题,如果图像存储在任何其他域中,脚本将无法运行。
猜你喜欢
  • 2021-01-24
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2015-08-16
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2015-07-28
相关资源
最近更新 更多