FabricJS를 사용하여 위에서부터 이미지 위치를 설정하는 방법은 무엇입니까?

이 튜토리얼에서는 다음을 사용하여 위에서 이미지의 위치를 ​​설정하는 방법을 배웁니다. FabricJS. fabric.Image 인스턴스를 생성하여 Image 객체를 생성할 수 있습니다. ~부터 FabricJS의 기본 요소 중 하나이며 애플리케이션을 통해 쉽게 사용자 정의할 수도 있습니다. 각도, 불투명도 및 기타 속성. 우리가 사용하는 상단에서 이미지의 위치를 ​​​​설정하려면 top 속성.

문법

매개변수

• element - 이 매개변수는 이미지 요소를 나타내는 HTMLImageElement, HTMLCanvasElement, HTMLVideoElement 또는 String을 허용합니다. 문자열은 URL이어야 하며 이미지로 로드됩니다.

• 옵션 (선택 사항) - 이 매개변수는 개체에 대한 추가 사용자 정의를 제공하는 개체 입니다. 이 매개변수를 사용하면 top 속성이 있는 이미지 개체와 관련된 원점, 획 너비 및 기타 여러 속성을 변경할 수 있습니다.

• Callback (선택 사항) - 이 매개변수는 최종 필터가 적용된 후 호출되는 함수 입니다.

옵션 키

• top - 이 숙소는 거리를 설정할 수 있는 Number를 허용합니다. 이미지 캔버스 탑.

이미지 개체의 기본 모양

예

top일 때 이미지 객체가 어떻게 보이는지 이해하기 위해 코드 예제를 살펴보겠습니다. 사용되지 않은 속성입니다.

top 속성을 맞춤 값이 있는 키로 전달하세요

예

이 예에서는 top 속성에 값 70을 할당합니다. 이는 다음을 보장합니다. 이미지 객체는 위에서 70픽셀 떨어진 곳에 배치됩니다.

위 내용은 FabricJS를 사용하여 위에서부터 이미지 위치를 설정하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!