>  기사  >  웹 프론트엔드  >  FabricJS의 폴리라인과 다각형은 어떻게 다릅니까?

FabricJS의 폴리라인과 다각형은 어떻게 다릅니까?

王林
王林앞으로
2023-08-27 08:21:171165검색

FabricJS 中的多边形与折线有何不同?

fabric.Polyline 인스턴스를 생성하여 폴리라인 객체를 생성할 수 있고, fabric.Polygon을 사용하여 폴리곤 인스턴스를 생성할 수 있습니다. 폴리라인 객체는 연결된 직선 세그먼트 세트로 표현될 수 있습니다. FabricJS의 기본 요소 중 하나이므로 각도, 불투명도 등의 속성을 적용하여 쉽게 사용자 정의할 수도 있습니다.

폴리곤은 항상 첫 번째 점을 마지막 점에 연결하여 닫힌 영역을 형성하지만 폴리라인은 그렇지 않습니다. 이는 아래 주어진 예를 통해 입증될 수 있습니다.

문법

으아아아

매개변수

  • points - 이 매개변수는 폴리라인 객체를 구성하는 점 배열을 나타내는 Array를 허용합니다.

  • 옵션(선택 사항) - 이 매개변수는 개체에 추가 사용자 정의를 제공하는 개체입니다. 폴리라인 개체와 관련된 원점, 획 너비 및 기타 여러 속성을 변경하려면 이 매개 변수를 사용합니다.

예 1

Fabric.Polyline() 인스턴스를 생성하고 캔버스에 추가

캔버스에 폴리라인 개체를 추가하는 방법을 알아보기 위해 코드 예제를 살펴보겠습니다. 유일한 필수 매개변수는 points 배열이고, 두 번째 매개변수는 선택적인 options 개체입니다. 또한 차이점을 보여주기 위해 다각형에서 동일한 points 배열을 사용합니다.

으아아아

예 2

fabric.Polygon()의 인스턴스를 생성하고 캔버스에 추가하세요

캔버스에 다각형 개체를 추가하는 방법을 알아보기 위해 코드 예제를 살펴보겠습니다. 유일한 필수 매개변수는 points 배열이고, 두 번째 매개변수는 선택적 옵션 개체인 반면, 폴리라인 예시와 동일한 옵션 개체를 제공합니다.

으으으으

위 내용은 FabricJS의 폴리라인과 다각형은 어떻게 다릅니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
이 기사는 tutorialspoint.com에서 복제됩니다. 침해가 있는 경우 admin@php.cn으로 문의하시기 바랍니다. 삭제