눈 드롭 핀 '

Chrome 브라우저 및 관련 브라우저는 EyeDropper 라는 웹 페이지 API를 추가하여 웹 개발자가 화면의 어느 위치에서도 색상 값을 쉽게 얻을 수 있습니다.

다음 코드 스 니펫은 API 사용 방법을 보여줍니다.

 if (창에 '아이디 로퍼') {
  const eyeDropper = new eyeDropper ();
  노력하다 {
    // 이것은 const result = Await eyeDropper.open ()을 트리거하려면 사용자 상호 작용이 필요합니다.
    const colorHexValue = result.srgbHex;
  } catch (err) {
    // 사용자는 색상 픽업 취소}
}

이 API는 현재 크롬 및 관련 브라우저 만 지원합니다. 개발 프로세스는 Edge Browser로 시작하여 나중에 Community Group에서 논의하고 검토했으며 마침내 Chrome에서 시작되었습니다. Chrome은 프로세스에서 주요한 역할을 수행하지만 전체적으로 EyeDropper 가 비교적 작은 특징이라는 점을 고려할 때 전반적으로 긍정적 인 경우입니다.

EyeDropper API의 장점은 전체 화면에서 색상을 선택할 수 있다는 것입니다. 이는 Figma와 같은 디자인 도구의 사용자 경험을 크게 향상시켜 캔버스 내에서 컬러 픽업의 단점을 보완합니다. Slides.com 및 Polypane과 같은 응용 프로그램은 API를 생산 환경에 적용하여 사용자 경험을 향상 시켰습니다. 또한, 해당 크롬 연장 및 북마크가 나타났습니다.

EyeDropper API를 사용하여 사용자 경험을 향상시키고 점진적인 향상을 달성하는 동안 액세스 가능한 시스템 색상 선택기 버튼을 제공하는 것이 좋습니다. 이것은 독립형 웹 구성 요소로 개발 될 수 있습니다.

위 내용은 눈 드롭 핀 '의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!