前端颜色吸管工具

最新推荐文章于 2024-07-04 14:40:01 发布

丶oasis

最新推荐文章于 2024-07-04 14:40:01 发布

阅读量873

点赞数

分类专栏： window 文章标签：前端 javascript typescript

本文链接：https://blog.csdn.net/qq_41739983/article/details/125653052

版权

window 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

<button id="start-button">Open the eyedropper</button>
<span id="result"></span>

document.getElementById('start-button').addEventListener('click', () => {
  const resultElement = document.getElementById('result');

  if (!window.EyeDropper) {
    resultElement.textContent = 'Your browser does not support the EyeDropper API';
    return;
  }

  const eyeDropper = new EyeDropper();

  eyeDropper.open().then(result => {
    resultElement.textContent = result.sRGBHex;
    resultElement.style.backgroundColor = result.sRGBHex;
  }).catch(e => {
    resultElement.textContent = e;
  });
});