近期对 综合搜索 网站改版后(简化了版面、增加了动态背景图), 又做了两处和颜色相关的优化.

主题色 Theme-color

最新的 Safari 15 已经支持了 Theme-color 特性, 可以用于设置浏览器顶部的地址栏颜色, 使地址栏和网站看起来浑然一体. 于是我又开始折腾起来.

综合搜索 已经使用了 Pexels 提供的免费API来获取背景图片, 并且会定时更新, 我希望主题色能根据背景...

最近浏览 product hunt 时, 发现一个有趣的网站 color copy paste: 在首页的图片上, 可以直接点击取色. 这又勾起了我的好奇心: 在网页上如何取到图片像素点的颜色呢?

一番搜索后, 发现了一个神奇的API: Canvas 的 context.getImageData(x, y, width, height) 可用于获取图片的像素信息:

由上述例子可见, 一个像素点由...