FabricJS - HTMLCanvasElement로 변환된 Polygon 객체의 그리기 컨텍스트를 찾으십니까?

fabric.Polygon 인스턴스를 생성하여 다각형 객체를 생성할 수 있습니다. 다각형 객체는 일련의 연결된 직선 세그먼트로 구성된 닫힌 모양으로 특성화될 수 있습니다. FabricJS의 기본 요소 중 하나이므로 각도, 불투명도 등의 속성을 적용하여 쉽게 사용자 정의할 수도 있습니다.

다각형 개체를 HTMLCanvasElement로 변환하려면 toCanvasElement 메서드를 사용합니다. HTMLCanvasElement 인터페이스에서 해당 속성과 메서드를 상속하는 HTMLCanvasElement 유형의 DOM 요소를 반환합니다. getContext 메서드를 사용하여 캔버스에서 그리기 컨텍스트를 찾습니다. 컨텍스트 ID가 지원되지 않으면 null 값이 반환됩니다.

문법

HTMLCanvasElement.getContext():

예 1: toCanvasElement 메서드 사용

toCanvasElement 메서드를 사용할 때 기록되는 출력을 보려면 코드 예제를 살펴보겠습니다. toCanvasElement 메서드를 사용하면 HTMLCanvasElement 유형의 DOM 요소가 반환됩니다. 개발 도구에서 콘솔을 열어 HTMLCanvasElement 유형의 DOM 요소가 반환되는 것을 확인할 수 있습니다. 으아악

예 2: getContext 메소드 사용

HTMLCanvasElement로 변환된 Polygon 객체의 그리기 컨텍스트를 찾기 위해

getContext 메서드와 toCanvasElement 메서드를 사용할 때 기록되는 출력의 코드 예를 살펴보겠습니다. 그리기 컨텍스트를 사용하면 캔버스에 그림을 그릴 수 있습니다. getContext 메소드에 "2d" 값을 전달했으므로 CanvasRenderingContext2D 객체가 반환됩니다. 으아악

결론

이 튜토리얼에서는 두 가지 간단한 예를 사용하여 FabricJS를 사용하여 HTMLCanvasElement로 변환된 Polygon 객체의 그리기 컨텍스트를 찾는 방법을 보여줍니다.

위 내용은 FabricJS - HTMLCanvasElement로 변환된 Polygon 객체의 그리기 컨텍스트를 찾으십니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!