FabricJS - 다각형 객체에 대해 채우기 또는 획을 먼저 그려야 하는지 결정합니까?

fabric.Polygon 인스턴스를 생성하여 다각형 개체를 생성할 수 있습니다. 다각형 객체는 일련의 연결된 직선 세그먼트로 구성된 닫힌 모양으로 특성화될 수 있습니다. FabricJS의 기본 요소 중 하나이므로 각도, 불투명도 등의 속성을 적용하여 쉽게 사용자 정의할 수도 있습니다. 채우기 또는 획을 먼저 칠할지 결정하려면 paintFirst 속성을 사용합니다.

문법

으아악

매개변수

• points - 이 매개변수는 다각형 객체를 구성하는 점 배열을 나타내는 Array를 허용합니다. 여기서 각 점은 x 및 y가 있는 객체에 있습니다.

• Options(선택 사항) - 이 매개변수는 개체에 대한 추가 사용자 정의를 제공하는 object입니다. 이 매개변수를 사용하면 원점, 획 너비 및 Polygon 개체와 관련된 기타 여러 속성을 변경할 수 있습니다. 여기서 paintFirst는 해당 개체의 속성입니다.

옵션 키

paintFirst - 이 속성은 채우기 또는 획을 먼저 그릴지 여부를 정의하는 String 값을 허용합니다. 기본값은 "채우기"입니다.

예 1: 다각형 개체의 기본 모양

코드 예제를 통해 paintFirst 속성이 적용되지 않은 경우 다각형 개체가 어떻게 표시되는지 살펴보겠습니다. 이 예에서는 기본값 "fill"을 사용합니다. 즉, 객체를 그릴 때 채우기 색상이 먼저 그려진 다음 획 색상이 그려집니다.

으아악

예 2: PaintFirst 속성 사용

paintFirst 속성을 사용하여 다각형 개체의 기본 동작을 변경하는 방법에 대한 코드 예제를 살펴보겠습니다. 여기서는 "lines" 값을 paintFirst 속성에 전달합니다. 이렇게 하면 채우기가 아닌 획이 먼저 그려집니다.

으아악

결론

이 튜토리얼에서는 두 가지 간단한 예를 사용하여 FabricJS를 사용하여 다각형에 대해 채우기 또는 획을 먼저 그려야 하는지 결정하는 방법을 보여줍니다.

위 내용은 FabricJS - 다각형 객체에 대해 채우기 또는 획을 먼저 그려야 하는지 결정합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!