- 방향:
- 모두 웹3.0 백엔드 개발 웹 프론트엔드 데이터 베이스 운영 및 유지보수 개발 도구 PHP 프레임워크 일일 프로그램 위챗 애플릿 일반적인 문제 다른 기술 CMS 튜토리얼 Java 시스템 튜토리얼 컴퓨터 튜토리얼 하드웨어 튜토리얼 모바일 튜토리얼 소프트웨어 튜토리얼 모바일 게임 튜토리얼
- 나누다:
-
- FabricJS를 사용하여 테두리 색상으로 타원을 만드는 방법은 무엇입니까?
- 이 튜토리얼에서는 FabricJS를 사용하여 테두리 색상이 있는 타원을 만듭니다. Oval은 FabricJS에서 제공하는 다양한 모양 중 하나입니다. 타원을 생성하기 위해 Fabric.Ellipse 클래스의 인스턴스를 생성하고 이를 캔버스에 추가하겠습니다. FabricJS는 매우 유연하므로 원하는 방식으로 타원 객체를 사용자 정의할 수 있습니다. FabricJS가 제공하는 속성 중 하나는 borderColor입니다. 이를 통해 객체가 활성화될 때 테두리 색상을 조작할 수 있습니다. 구문 newfabric.Ellipse({borderColor:String}:Object) 매개변수 옵션(선택 사항) - 이 매개변수는
- JS 튜토리얼 . fabric 1381 2023-09-02 16:53:02
-
- FabricJS를 사용하여 직사각형의 패딩을 설정하는 방법은 무엇입니까?
- 이 튜토리얼에서는 FabricJS를 사용하여 직사각형의 패딩을 설정하는 방법을 알아봅니다. Rectangle은 FabricJS에서 제공하는 다양한 도형 중 하나입니다. 직사각형을 생성하려면 fabric.Rect 클래스의 인스턴스를 생성하고 이를 캔버스에 추가해야 합니다. 캔버스에서 직사각형 객체의 위치, 색상, 불투명도 및 크기를 지정할 수 있는 것처럼 직사각형 객체의 채우기도 설정할 수 있습니다. 이는 padding 속성을 사용하여 수행할 수 있습니다. 구문 newfabric.Rect({padding:Number}:Object) 매개변수 옵션(선택 사항) - 이 매개변수는 직사각형에 대한 추가 사용자 정의를 제공하는 개체입니다. 이 매개변수를 사용하면
- JS 튜토리얼 . fabric 1358 2023-09-02 16:49:13
-
- FabricJS를 사용하여 IText에서 문자 사이에 공백을 추가하는 방법은 무엇입니까?
- 이 튜토리얼에서는 FabricJS를 사용하여 IText 객체의 문자 사이에 공백을 추가하는 방법을 배웁니다. IText 클래스는 Fabric.Text를 확장하고 IText 인스턴스를 생성하는 데 사용되는 FabricJS 버전 1.4에 도입되었습니다. IText 인스턴스를 사용하면 추가 구성 없이 자유롭게 새 텍스트를 선택, 잘라내기, 붙여넣기 또는 추가할 수 있습니다. 텍스트에서는 사용할 수 없는 텍스트를 대화형으로 만들기 위해 다양한 지원되는 키 조합과 마우스/터치 조합도 있습니다. 그러나 IText 기반 Textbox를 사용하면 텍스트 사각형의 크기를 조정하고 자동으로 줄 바꿈할 수 있습니다. IText의 경우에는 그렇지 않습니다. 높이가 줄 바꿈에 따라 조정되지 않기 때문입니다. 우리는 다음을 사용하여 이를 수행할 수 있습니다.
- JS 튜토리얼 . fabric 771 2023-09-02 12:49:08
-
- FabricJS를 사용하여 타원을 보이지 않게 만드는 방법은 무엇입니까?
- 이 튜토리얼에서는 FabricJS를 사용하여 타원을 보이지 않게 만드는 방법을 알아봅니다. Oval은 FabricJS에서 제공하는 다양한 모양 중 하나입니다. 타원을 생성하기 위해 Fabric.Ellipse 클래스의 인스턴스를 생성하고 이를 캔버스에 추가하겠습니다. 타원 개체는 크기 변경, 배경색 추가, 표시 여부 지정 등 다양한 방법으로 사용자 정의할 수 있습니다. visible 속성을 사용하여 이를 수행할 수 있습니다. 구문 newfabric.Ellipse({visible:Boolean}:Object) 매개변수 옵션(선택 사항) - 이 매개변수는 타원에 대한 추가 사용자 정의를 제공하는 개체입니다. 이 매개변수를 사용하면 다음을 변경할 수 있습니다.
- JS 튜토리얼 . fabric 927 2023-09-01 23:53:02
-
- FabricJS를 사용하여 Circle의 선택성을 비활성화하는 방법은 무엇입니까?
- 이 튜토리얼에서는 FabricJS를 사용하여 원 선택성을 비활성화하는 방법을 알아봅니다. Circle은 FabricJS에서 제공하는 다양한 도형 중 하나입니다. 원을 만들려면 Fabric.Circle 클래스의 인스턴스를 만들고 이를 캔버스에 추가해야 합니다. 객체를 수정하려면 FabricJS에서 객체를 선택해야 합니다. 그러나 selectable 속성을 사용하여 이 동작을 변경할 수 있습니다. 구문 newfabric.Circle({selectable:Boolean}:Object) 매개변수 옵션(선택 사항) - 이 매개변수는 원에 대한 추가 사용자 정의를 제공하는 개체입니다. 이 매개변수를 사용하면 selectab과 동일하게 변경할 수 있습니다.
- JS 튜토리얼 . fabric 996 2023-09-01 19:41:02
-
- FabricJS를 사용하여 텍스트에서 단일 문자의 기준선을 이동하는 방법은 무엇입니까?
- 이 튜토리얼에서는 FabricJS를 사용하여 텍스트에서 단일 문자의 기준선을 이동하는 방법을 알아봅니다. Fabric.Text 인스턴스를 추가하여 캔버스에 텍스트를 표시할 수 있습니다. 이는 텍스트의 이동, 크기 조정 및 크기 변경을 허용할 뿐만 아니라 각각 textAlign, underline 및 lineHeight 속성을 통해 얻을 수 있는 텍스트 정렬, 텍스트 장식, 줄 높이와 같은 추가 기능을 제공합니다. 마찬가지로 deltaY 속성을 사용하여 단일 문자의 기준선을 이동할 수도 있습니다. 구문 newfabric.Text(text:String,{styles:{deltaY:Number}:Object}:O
- JS 튜토리얼 . fabric 1464 2023-09-01 17:05:03
-
- FabricJS - 캔버스의 현재 뷰포트에 Line 객체를 수평으로 중앙에 배치하는 방법은 무엇입니까?
- 이 튜토리얼에서는 FabricJS를 사용하여 캔버스의 현재 뷰포트에 Line 객체를 수평으로 중앙에 배치하는 방법을 배웁니다. Line 요소는 FabricJS에서 제공하는 기본 요소 중 하나입니다. 직선을 만드는 데 사용됩니다. 선 요소는 기하학적으로 1차원이고 내부가 포함되어 있지 않으므로 채워지지 않습니다. fabric.Line의 인스턴스를 생성하고 선의 x 및 y 좌표를 지정하고 이를 캔버스에 추가하여 선 객체를 생성할 수 있습니다. 캔버스의 현재 뷰포트에서 Line 객체를 수평 중앙에 배치하기 위해 viewportCenterH 메서드를 사용합니다. 구문 viewportCenterH():fabric.ObjectLine 객체의 기본 모양
- JS 튜토리얼 . fabric 1454 2023-09-01 13:41:02
-
- FabricJS를 사용하여 왼쪽부터 시작하는 원의 위치를 설정하는 방법은 무엇입니까?
- 이번 튜토리얼에서는 FabricJS를 사용하여 왼쪽에서 원의 위치를 설정하는 방법을 알아봅니다. Circle은 FabricJS에서 제공하는 다양한 도형 중 하나입니다. 원을 만들려면 Fabric.Circle 클래스의 인스턴스를 만들고 이를 캔버스에 추가해야 합니다. 위치, 불투명도, 획 및 크기를 변경하여 원형 개체를 조작할 수 있습니다. left 속성을 사용하여 왼쪽에서의 위치를 변경할 수 있습니다. 구문 newfabric.Circle({left:Number}:Object) 매개변수 옵션(선택 사항) - 이 매개변수는 원에 대한 추가 사용자 정의를 제공하는 개체입니다. 이 매개변수를 사용하면 왼쪽에 속성이 있는 객체와 관련된 속성을 변경할 수 있습니다. 예를 들어
- JS 튜토리얼 . fabric 903 2023-09-01 13:25:02
-
- FabricJS - Line 객체의 URL 문자열에서 품질 수준을 설정하는 방법은 무엇입니까?
- 이 튜토리얼에서는 FabricJS를 사용하여 Line 객체의 URL 문자열에서 품질 수준을 설정하는 방법을 알아봅니다. Line 요소는 FabricJS에서 제공하는 기본 요소 중 하나입니다. 직선을 만드는 데 사용됩니다. 선 요소는 기하학적으로 1차원이고 내부가 포함되어 있지 않으므로 채워지지 않습니다. fabric.Line의 인스턴스를 생성하고 선의 x 및 y 좌표를 지정하고 이를 캔버스에 추가하여 선 객체를 생성할 수 있습니다. Line 객체의 URL 문자열에서 품질 수준을 설정하려면 quality 속성을 사용합니다. 구문 toDataURL({quality:Number}:Object):String 매개변수 옵션(선택 사항)
- JS 튜토리얼 . fabric 635 2023-08-31 21:21:02
-
- FabricJS를 사용하여 직사각형의 제어 모서리를 숨기는 방법은 무엇입니까?
- 이 튜토리얼에서는 FabricJS를 사용하여 직사각형의 제어 모서리를 숨기는 방법을 알아봅니다. Rectangle은 FabricJS에서 제공하는 다양한 도형 중 하나입니다. 직사각형을 생성하려면 Fabric.Rect 클래스의 인스턴스를 생성하여 캔버스에 추가해야 합니다. 개체의 제어 모서리를 사용하면 개체의 비율을 늘리거나 줄이거나 늘리거나 위치를 변경할 수 있습니다. 특정 색상 추가, 크기 변경 등 다양한 방법으로 컨트롤 코너를 사용자 정의할 수 있습니다. hasControls 속성을 사용하여 숨길 수도 있습니다. 구문 newfabric.Rect({hasControls:Boolean}:Object) 매개변수 옵션(선택 사항) - 이 매개변수는 추가 매개변수입니다.
- JS 튜토리얼 . fabric 775 2023-08-31 18:05:08
-
- FabricJS를 사용하여 선의 SVG 표현을 얻는 방법은 무엇입니까?
- 이 기사에서는 FabricJS를 사용하여 Line의 SVG 표현을 얻는 방법을 배웁니다. Line 요소는 FabricJS에서 제공하는 기본 요소 중 하나입니다. 직선을 만드는 데 사용됩니다. 선 요소는 기하학적으로 1차원이고 내부가 포함되어 있지 않으므로 채워지지 않습니다. fabric.Line의 인스턴스를 생성하고 선의 x 및 y 좌표를 지정하고 이를 캔버스에 추가하여 선 객체를 생성할 수 있습니다. Line 객체의 SVG 표현을 얻으려면 _toSVG 메소드를 사용합니다. 구문 _toSVG():_toSVG 메서드를 사용하지 않는 배열 예제 _toSVG 메서드를 사용할 때 기록된 출력이 사용되지 않는 것을 확인하기 위해 코드 예제를 살펴보겠습니다. _toSV
- JS 튜토리얼 . fabric 1405 2023-08-31 17:57:11
-
- FabricJS를 사용하여 폴리라인으로 다각형을 만드는 방법은 무엇입니까?
- fabric.Polygon의 인스턴스를 생성하여 Polygon 객체를 생성할 수 있습니다. 다각형 객체는 일련의 연결된 직선 세그먼트로 구성된 닫힌 모양으로 특성화될 수 있습니다. FabricJS의 기본 요소 중 하나이므로 각도, 불투명도 등의 속성을 적용하여 쉽게 사용자 정의할 수도 있습니다. Polygon은 fabric.Polyline을 확장하므로 폴리라인을 훌륭하게 사용하여 다각형 인스턴스를 만들 수 있습니다. 구문 newfabric.Polyline(points:Array,options:Object) 매개변수 points−이 매개변수는 다각형 객체를 구성하는 포인트 수를 나타내는 배열을 허용합니다.
- JS 튜토리얼 . fabric 1153 2023-08-31 17:49:08
-
- FabricJS를 사용하여 다각형 객체가 마우스 이벤트에 반응하도록 만드는 방법은 무엇입니까?
- fabric.Polygon의 인스턴스를 생성하여 Polygon 객체를 생성할 수 있습니다. 다각형 객체는 일련의 연결된 직선 세그먼트로 구성된 닫힌 모양으로 특성화될 수 있습니다. FabricJS의 기본 요소 중 하나이므로 각도, 불투명도 등의 속성을 적용하여 쉽게 사용자 정의할 수도 있습니다. 우리는 mouseup 및 mousedown 이벤트를 사용하여 폴리곤 객체가 사용자가 트리거한 마우스 이벤트에 어떻게 반응하는지 보여줍니다. 구문polygon.on("mouseup",callbackFunction);polygon.on("mousedown",callbackFunction);예
- JS 튜토리얼 . fabric 810 2023-08-31 14:37:08
-
- FabricJS를 사용하여 원의 중심 회전을 비활성화하는 방법은 무엇입니까?
- 이 튜토리얼에서는 FabricJS를 사용하여 원의 중심 회전을 비활성화하는 방법을 알아봅니다. Circle은 FabricJS에서 제공하는 다양한 도형 중 하나입니다. 원을 만들기 위해 Fabric.Circle 클래스의 인스턴스를 만들어 캔버스에 추가하겠습니다. 기본적으로 FabricJS의 모든 객체는 중심을 회전점으로 사용합니다. 그러나 centeredRotation 속성을 사용하여 이 동작을 변경할 수 있습니다. 구문 newfabric.Circle({centeredRotation:Boolean}:Object) 매개변수 옵션(선택 사항) - 이 매개변수는 원에 대한 추가 사용자 정의를 제공하는 개체입니다.
- JS 튜토리얼 . fabric 957 2023-08-31 11:21:06
-
- FabricJS를 사용하여 다각형 객체가 회전 이벤트에 반응하도록 만드는 방법은 무엇입니까?
- fabric.Polygon의 인스턴스를 생성하여 Polygon 객체를 생성할 수 있습니다. 다각형 객체는 일련의 연결된 직선 세그먼트로 구성된 닫힌 모양으로 특성화될 수 있습니다. FabricJS의 기본 요소 중 하나이므로 각도, 불투명도 등의 속성을 적용하여 쉽게 사용자 정의할 수도 있습니다. 회전 이벤트를 사용하여 컨트롤을 통해 다각형 객체가 회전에 반응하도록 만드는 방법을 보여줍니다. 구문 Polygon.on("rotating", callbackFunction); 예제 1: 객체가 회전 이벤트에 반응하는 방식 표시 다각형 객체가 회전 이벤트에 반응하도록 만드는 방법을 알아보기 위해 코드 예제를 살펴보겠습니다. 이 경우에만
- JS 튜토리얼 . fabric 1015 2023-08-31 08:05:02