FabricJS - Line 객체의 URL 문자열에서 품질 수준을 설정하는 방법은 무엇입니까?

이 튜토리얼에서는 FabricJS를 사용하여 Line 객체의 URL 문자열에서 품질 수준을 설정하는 방법을 알아봅니다. Line 요소는 FabricJS에서 제공하는 기본 요소 중 하나입니다. 직선을 만드는 데 사용됩니다. 선 요소는 기하학적으로 1차원이고 내부가 포함되어 있지 않으므로 채워지지 않습니다.

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

문법

매개변수

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

옵션 키

• quality - 이 속성은 최종 출력 이미지의 품질 수준을 나타내는 Number 값을 허용합니다. 허용되는 값은 0을 제외하고 0에서 1 사이입니다. 0.1은 최악의 품질을 나타내고 1은 가장 좋은 품질을 나타냅니다. 이 속성은 JPEG 형식에만 사용할 수 있습니다. 기본값은 1입니다.

quality 속성을 사용하지 않습니다

예

quality 속성을 사용하지 않고 출력 이미지를 확인하는 코드 예제를 살펴보겠습니다. 개발 도구에서 콘솔을 열면 Line 객체의 URL 표현을 볼 수 있습니다. URL을 복사하여 새 탭의 주소 표시줄에 붙여넣으면 최종 출력을 볼 수 있습니다. quality 속성을 사용하지 않으므로 기본값인 1이 사용됩니다.

사용 품질속성

예

코드 예제를 통해 quality 속성을 사용할 때 Line 객체의 최종 출력 이미지가 어떻게 보이는지 살펴보겠습니다. 이 경우에는 0.1 값을 전달했습니다. 따라서 최종 이미지의 품질이 최악이 됩니다.

위 내용은 FabricJS - Line 객체의 URL 문자열에서 품질 수준을 설정하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!