>  기사  >  웹 프론트엔드  >  FabricJS - 원점을 기준으로 Image 객체의 위치를 ​​얻는 방법은 무엇입니까?

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

王林
王林앞으로
2023-09-16 20:05:021214검색

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 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
이 기사는 tutorialspoint.com에서 복제됩니다. 침해가 있는 경우 admin@php.cn으로 문의하시기 바랍니다. 삭제