확장 된 마우스 오버 영역?

Question

특정 구성 요소의 마우스 오버 영역을 확장하는 "올바른"방법은 무엇입니까? 즉, 마우스 포인터가 특정 거리 X보다 가까울 때 구성 요소의 상태를 마우스로 가리 키도록하려면 어떻게해야합니까? 나는 이것을 할 수있는 많은 방법들을 생각할 수있다. 그러나 그것들은 모두 해킹처럼 보이고, 누군가 이런 식으로하는 더 좋은 방법에 대해 강한 감정을 가지고 있다면 나는 궁금하다.

그리고 이제부터 살펴 보겠습니다. 구성 요소의 알파를 구성 요소와 마우스 커서 거리에 비례하게 만들면 구성 요소가 가까워 질 때 구성 요소가 점점 희미해질 것입니다. 다시 여러 가지 해킹을 생각할 수 있지만 명확한 접근 방법이 무엇인지 확신 할 수 없습니다.

감사합니다.

F

Answer 1

I 원하는만큼 패드 타겟 컴포넌트 크기되는 캔버스 내부 구성 요소를 중심으로 제안 할 것이다. 그런 다음 마우스 오버를 위해 Canvas를 청취하고 논리를 트리거하여 호버링을 활성화 할 수 있습니다. 그건 나에게 가장 깨끗한 접근법 인 것 같습니다. 무대 위의 mousemove를 청취하고 대상 구성 요소와의 마우스 거리를 지속적으로 점검 할 수는 있지만 어색해 보입니다.

알파의 경우에도 비슷한 접근 방식을 취할 것입니다. 알파 컨테이너의 바깥 쪽 가장자리가 최소 알파를 나타내며 안쪽 가장자리가 최대 알파를 나타냅니다. 그 사이를 어떻게 확장하는지 (선형 등)는 당신에게 달려 있습니다.