FabricJS - 이미지의 크기를 수평 및 수직으로 균등하게 조정하는 방법은 무엇입니까?

이 튜토리얼에서는 FabricJS를 사용하여 이미지의 크기를 가로 및 세로로 균등하게 조정하는 방법을 알아봅니다. fabric.Image 인스턴스를 생성하여 Image 객체를 생성할 수 있습니다. FabricJS의 기본 요소 중 하나이므로 각도, 불투명도 등의 속성을 적용하여 쉽게 사용자 정의할 수도 있습니다. 수평 및 수직 방향으로 이미지의 크기를 균등하게 조정하기 위해 scale 방법을 사용합니다.

문법

으아아아

매개변수

• scale - 이 매개변수는 이미지 객체의 배율을 설정하는 데 사용되는 Number를 허용합니다.

  李>

이미지 개체의 기본 모양

예

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

으아아아

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

예

이 예에서는 이미지 객체의 크기를 수평 및 수직으로 동일하게 조정하는 scale 메서드에 값이 할당되는 것을 볼 수 있습니다. 값을 2로 전달했으므로 이제 고려해야 할 배율 인수가 됩니다.

으으으으

위 내용은 FabricJS - 이미지의 크기를 수평 및 수직으로 균등하게 조정하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!