FabricJS - 라인 제어 모서리의 색상을 설정하는 방법은 무엇입니까?

이 튜토리얼에서는 FabricJS를 사용하여 Line 컨트롤 모서리의 색상을 설정하는 방법을 알아봅니다. Line 요소는 FabricJS에서 제공하는 기본 요소 중 하나입니다. 직선을 만드는 데 사용됩니다. 선 요소는 기하학적으로 1차원이고 내부가 포함되어 있지 않으므로 채워지지 않습니다. fabric.Line 인스턴스를 생성하고 선의 X 및 Y 좌표를 지정하고 이를 캔버스에 추가하여 선 객체를 생성할 수 있습니다. cornerColor 속성을 사용하면 객체가 활성화된 동안 컨트롤 모서리의 색상을 조작할 수 있습니다.

문법

매개변수

• points - 이 매개변수는 시작과 끝의 x축 및 y축 좌표인 (x1, y1) 및 (x2, y2) 값을 결정하는 점의 Array를 허용합니다. 각각 라인의 포인트.

• 옵션 (선택 사항) - 이 매개 변수는 개체 이며, 이는 우리의 목적에 유용합니다. 이 매개변수를 사용하면 cornerColor 속성이 있는 개체와 관련된 색상, 커서, 획 너비 및 기타 여러 속성을 변경할 수 있습니다.

옵션 키

• cornerColor - 이 속성은 개체가 적극적으로 선택될 때 모서리 점을 제어하기 위해 모서리에 색상을 할당할 수 있는 String을 허용합니다. 기본값은 rgb(178,204,255)입니다.

cornerColor를 키로, 색상 이름을 값으로 전달

예

cornerColor 속성을 사용하여 색상을 변경하는 코드 예제를 살펴보겠습니다. 이 예에서는 키에 "주황색" 값을 할당하여 컨트롤 모서리가 주황색으로 나타나도록 했습니다.

cornerColor 속성

예

단순한 색상 이름을 String 값으로 키에 전달하는 대신 RGBA 값을 할당할 수도 있습니다. RGBA는 빨간색, 녹색, 파란색 및 알파를 나타내며 알파는 불투명도입니다. 이를 수행하는 방법을 설명하기 위해 코드 예제를 살펴보겠습니다.

위 내용은 FabricJS - 라인 제어 모서리의 색상을 설정하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!