创建颜色选择器

时间:2015-03-14 02:41:35

标签: javascript html css

我想在我的网站上添加一个颜色选择器,这样人们就可以改变页面背景的颜色。我希望有一个正方形,其中包含所有可能的颜色,如下所示。当有人点击某个像素时,它的颜色会存储为变量。

Color picker

我应该使用哪种编程语言?任何提示都非常感激。

1 个答案:

答案 0 :(得分:1)

网上有很多这样的工具。但是为了编程挑战,如果你(或其他人读过这篇文章)仍然决定自己构建它,我会给你一些指导/想法。


您可以使用JavaScript和HTML画布。

第一步是在画布上获取彩色图像,您可以将现有图像绘制到其上,或者以编程方式构建它 - 您选择哪个并不重要。此步骤的关键:drawImage

下一步是在画布上添加事件侦听器,并使用图像数据识别单击像素的RGB(A)值。此步骤的关键:getImageData

最后,使用RGB(A)值并将其指定为背景颜色。