FabricJS - 이미지 객체를 주어진 너비로 조정하는 방법은 무엇입니까?

이 튜토리얼에서는 FabricJS를 사용하여 Image 객체의 크기를 지정된 너비로 조정하는 방법을 배웁니다. fabric.Image 인스턴스를 생성하여 Image 객체를 생성할 수 있습니다. FabricJS의 기본 요소 중 하나이므로 각도, 불투명도 등의 속성을 적용하여 쉽게 사용자 정의할 수도 있습니다. Image 객체의 크기를 지정된 너비로 조정하려면 scaleToWidth 메서드를 사용합니다.

문법

으아아아

매개변수

• value - 이 매개변수는 이미지 개체의 새 너비 값을 결정하는 Number를 허용합니다.

• absolute - 이 매개변수는 뷰포트 무시 여부를 결정하는 boolean 값을 허용합니다.

이미지 개체의 기본 모양

예

scaleToWidth 메서드를 사용하지 않고 이미지 객체가 어떻게 보이는지 코드 예제를 살펴보겠습니다. 이 경우 이미지 객체는 수평 또는 수직으로 크기가 조정되지 않습니다.

으아아아

scaleToWidth 메서드를 사용하여 맞춤 값을 전달

예

이 예에서는 scaleToWidth 메서드에 값을 할당하여 이미지 객체의 크기를 지정된 너비로 조정하는 방법을 살펴보겠습니다. 값을 200으로 전달했으므로 이것이 이미지 객체의 새로운 너비가 됩니다.

scaleToWidth(value: Number, absolute: Boolean): fabric.Object 

위 내용은 FabricJS - 이미지 객체를 주어진 너비로 조정하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!