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 중국어 웹사이트의 기타 관련 기사를 참조하세요!