FabricJS - Line 객체의 URL 문자열에서 현재 객체 캐스트를 제거하는 방법은 무엇입니까?

이 튜토리얼에서는 FabricJS를 사용하여 Line 개체의 URL 문자열에서 현재 개체 변환(크기, 각도, 뒤집기, 기울기)을 제거하는 방법을 알아봅니다. Line 요소는 FabricJS에서 제공하는 기본 요소 중 하나입니다. 직선을 만드는 데 사용됩니다. 선 요소는 기하학적으로 1차원이고 내부가 포함되어 있지 않으므로 채워지지 않습니다.

fabric.Line 인스턴스를 생성하고 선의 x 및 y 좌표를 지정하고 이를 캔버스에 추가하여 선 개체를 생성할 수 있습니다. Line 객체의 URL 문자열에서 현재 객체 변환을 제거하려면 withoutTransform 속성을 사용합니다.

문법

매개변수

• Options(선택 사항) - 이 매개 변수는 Line 객체의 URL 표현에 대한 추가 사용자 정의를 제공하는 object입니다. 이 매개변수를 사용하면 높이, 품질, 형식 및 기타 여러 속성을 변경할 수 있으며, 그 중 withoutTransform이 속성입니다.

옵션 키

• withoutTransform - 이 속성은 현재 개체의 변환을 제거할 수 있는 boolean 값을 허용합니다. 실제 값을 전달하면 최종 출력 이미지에 배율, 각도, 뒤집기 또는 기울기가 없습니다.

withoutTransform 속성을 사용하고 오류 값을 전달하세요

예

withoutTransform 속성에 false 값이 전달될 때 출력 이미지를 보려면 코드 예제를 살펴보겠습니다. 개발 도구에서 콘솔을 열면 Line 객체의 URL 표현을 볼 수 있습니다. URL을 복사하여 새 탭의 주소 표시줄에 붙여넣으면 최종 출력을 볼 수 있습니다.

이 예에서는 수직 스케일 인수와 각도를 각각 지정하여 scaleY 및 angle 속성을 Line 객체에 전달했습니다. 따라서 출력은 수직으로 크기가 조정되고 70도 회전됩니다. 그러나 withoutTransform 속성에 잘못된 값도 전달했으므로 최종 출력 이미지에는 여전히 scaleY 및 angle 속성이 포함됩니다. 으아악

withoutTransform 속성을 사용하고 실제 값을 전달하세요

예

코드 예제를 통해 withoutTransform 속성을 사용하고 실제 값을 전달할 때 Line 객체의 최종 출력 이미지가 어떻게 보이는지 살펴보겠습니다. 이 경우 최종 출력 이미지에는 객체 변환이 포함되지 않습니다.

위 내용은 FabricJS - Line 객체의 URL 문자열에서 현재 객체 캐스트를 제거하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!