지역 사회 배우다 도구 라이브러리 여가
찾다
한국어
집 > 웹 프론트엔드 > JS 튜토리얼 > FabricJS를 사용하여 다각형 객체가 선택 및 선택 취소된 이벤트에 반응하도록 만드는 방법은 무엇입니까?

FabricJS를 사용하여 다각형 객체가 선택 및 선택 취소된 이벤트에 반응하도록 만드는 방법은 무엇입니까?

WBOY
풀어 주다： 2023-09-21 09:41:11
앞으로
1418명이 탐색했습니다.

如何使用 FabricJS 使多边形对象对选定和取消选定事件做出反应？

fabric.Polygon 인스턴스를 생성하여 다각형 개체를 생성할 수 있습니다. 다각형 객체는 일련의 연결된 직선 세그먼트로 구성된 닫힌 모양으로 특성화될 수 있습니다. FabricJS의 기본 요소 중 하나이므로 각도, 불투명도 등의 속성을 적용하여 쉽게 사용자 정의할 수도 있습니다. selected 및 deselected 이벤트를 사용하여 사용자의 개체 선택 및 선택 취소에 다각형 개체가 반응하도록 만드는 방법을 보여줍니다.

문법

으아악

예 1: 개체가 선택한 이벤트에 어떻게 반응하는지 보여주기

다각형 객체가 selected 이벤트에 반응하도록 만드는 방법에 대한 코드 예제를 살펴보겠습니다. 개체를 클릭하면 콜백 기능을 실행하는 selected 이벤트가 트리거됩니다. 이 경우 다각형 객체를 클릭할 때마다 채우기 색상이 변경되고 기록된 출력이 표시됩니다.

으아악

예 2: 선택 취소 이벤트에 개체가 어떻게 반응하는지 보여주기

Polygon 개체가 Deselect 이벤트에 반응하도록 만드는 방법을 이해하기 위해 코드 예제를 살펴보겠습니다. 여기서 다각형 객체의 선택이 취소되면 이벤트가 시작되어 채우기 색상도 변경됩니다.

으아악

결론

이 튜토리얼에서는 두 가지 간단한 예를 사용하여 FabricJS를 사용하여 다각형 객체가 선택 및 선택 취소된 이벤트에 반응하도록 만드는 방법을 보여줍니다.

위 내용은 FabricJS를 사용하여 다각형 객체가 선택 및 선택 취소된 이벤트에 반응하도록 만드는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

원천：tutorialspoint.com
이전 기사：FabricJS를 사용하여 직사각형의 채우기 색상을 설정하는 방법은 무엇입니까? 다음 기사：K 순환 이동 후 주어진 배열을 두 부분으로 분할한 후 비트별 OR을 사용하여 배열 합계를 찾는 JavaScript 프로그램
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
저자별 최신 기사
최신 이슈
function_exists()는 사용자 정의 함수를 결정할 수 없습니다. 기능 테스트() {                                                                                ...
에서 2024-04-29 11:01:01
0
3
2248
Chrome 모바일 버전을 표시하는 방법 안녕하세요 선생님, Chrome을 모바일 버전으로 어떻게 변경하나요?
에서 2024-04-23 00:22:19
0
11
2387
자식 창이 부모 창을 작동하지만 출력이 응답하지 않습니다. 처음 두 문장은 실행 가능하지만 마지막 문장은 구현할 수 없습니다.
에서 2024-04-19 15:37:47
0
1
1997
상위 창에 출력이 없습니다. document.onclick = function(){ window.opener.document.write('나는 자식 창의 출력입니다.');
에서 2024-04-18 23:52:34
0
1
1882
CSS 마인드맵 코스웨어는 어디에 있나요? 코스웨어
에서 2024-04-16 10:10:18
0
0
1952
관련 주제
더>
인기 추천
인기 튜토리얼
더>
관련 튜토리얼
인기 추천
최신 강좌
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿