FabricJS - 원점을 기준으로 Image 객체의 위치를 ​​얻는 방법은 무엇입니까?

이 튜토리얼에서는 FabricJS를 사용하여 원점을 기준으로 Image 객체의 위치를 ​​얻는 방법을 배웁니다. fabric.Image 인스턴스를 생성하여 Image 객체를 생성할 수 있습니다. FabricJS의 기본 요소 중 하나이므로 각도, 불투명도 등의 속성을 적용하여 쉽게 사용자 정의할 수도 있습니다. 원점을 기준으로 Image 개체의 위치를 ​​얻으려면 getPointByOrigin 메서드를 사용합니다.

문법

으아악

매개변수

• originX - 이 매개변수는 수평 원점을 지정하는 String을 허용합니다. 가능한 값은 "왼쪽", "중앙", "오른쪽"입니다.

• originY - 이 매개변수는 수직 원점을 나타내는 String을 허용합니다. 가능한 값은 "상단", "중앙", "하단"입니다.

getPointByOriginmethod

사용

예

코드 예제를 통해 getPointByOrigin 메서드를 사용할 때 기록되는 출력을 살펴보겠습니다. getPointByOrigin 메소드는 사용자가 지정한 원점의 객체 좌표를 반환합니다. 이 예에서는 주어진 Image 객체의 실제 중심점을 볼 수 있도록 getCenterPoint 메서드도 사용합니다. 그리고 getPointByOrigin 메서드를 사용할 때 왼쪽 아래 지점을 원점으로 사용하므로 기록된 출력은 x= 110, y= 132입니다.

으아악

다른 값으로 getPointByOrigin 메소드를 사용하세요

예

이 예에서는 가로 및 세로 중심점이 '오른쪽'과 '위쪽'일 때 getPointByOrigin 메서드를 사용하여 이미지 개체의 좌표를 가져옵니다. 즉, 오른쪽 상단 지점이 중심으로 간주됩니다.

으으으으

위 내용은 FabricJS - 원점을 기준으로 Image 객체의 위치를 ​​얻는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!