FabricJS를 사용하여 직사각형의 제어 모서리를 투명하게 만드는 방법은 무엇입니까?

이 튜토리얼에서는 FabricJS를 사용하여 Rectangle의 제어 모서리를 투명하게 만드는 방법을 배웁니다. Rectangle은 FabricJS에서 제공하는 다양한 도형 중 하나입니다. 직사각형을 생성하려면 Fabric.Rect 클래스의 인스턴스를 생성하여 캔버스에 추가해야 합니다. transparentCorners 속성을 사용하면 Rectangle의 제어 모서리를 투명하게 만들 수 있습니다.

Syntax

new Fabric.Rect( {TransparentCorners: Boolean }: 对象）

Parameters

• Options(선택 사항) - 이 매개 변수는 직사각형에 추가 사용자 정의를 제공하는 개체입니다. 이 매개변수를 사용하면 색상, 커서, 획 너비 및 기타 여러 속성과 같은 개체 관련 속성을 변경할 수 있습니다. transparentCorners는 이 개체의 속성입니다.

ul>

Option Key

• transparentCorners - 이 속성은 개체의 제어 모서리를 투명하게 렌더링할 수 있는 Boolean 값을 허용합니다. 기본값은 true입니다.

예제 1

투명한 Corners 속성을 값이 "false"인 키로 전달

불투명한 컨트롤 모서리가 있는 직사각형 객체를 생성하는 코드 예제를 살펴보겠습니다. 이렇게 하려면 transparentCorners 속성에 False 값을 전달해야 합니다.

将透明角属性作为具有“False”值的键传递
您可以选择矩形以查看控制角是不透明的。


// 启动画布实例
var canvas = new Fabric.Canvas("canvas");
canvas.setWidth(document.body.scrollWidth);
画布.setHeight(250);

// 初始化一个矩形对象
var 矩形 = 新的布料. 矩形({
左：155，
顶部：70，
宽度：170，
身高：70，
填写：“#f4f0ec”，
笔画：“#2a52be”，
笔划宽度：5，
透明角：假，
});

// 将其添加到画布中
canvas.add(矩形);

예제 2

투명한 모서리를 값이 "True"인 키로 전달합니다.

이 예에서는 transparentCorners 속성에 참값을 전달합니다. 이렇게 하면 컨트롤 모서리가 투명하게 렌더링됩니다. 이는 기본 동작이기도 합니다.

rreee

위 내용은 FabricJS를 사용하여 직사각형의 제어 모서리를 투명하게 만드는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!