Chrome 95正式发布了EyeDropper API,用于控制颜色选择器,支持选择浏览器窗口之外的颜色
用法
const openEyeDropper = () => {
if (window.EyeDropper) {
const eyeDropper = new EyeDropper()
eyeDropper.open().then((res) => {
console.log(res.sRGBHex);
navigator.clipboard.writeText(res.sRGBHex).then(() => {
console.log('已放入剪贴板')
})
}).catch(() => {
console.log('用户点击Esc取消了');
})
} else {
console.log('浏览器不支持');
}
}
兼容性
1122334455.png