Fabric.js
1.[Fabric.js] 1. React + TypeScript 환경에서 Fabric.js로 캔버스 생성하기
프로젝트에서 그림을 그리고 스티커로 꾸밀 수 있는 그림판을 만들기로 하였습니다. HTML Canvas로 직접 구현하였으나 잘 작동하지 않는 지우개 기능, 스티커로 크기를 조절하고 방향을 변경하는 등의 다양한 인터렉션이 제한된다는 점 때문에 라이브러리를 사용하기로 하였습
2024년 2월 2일
2.[Fabric.js] 2. Fabric.js에서 동적으로 속성 값을 설정하는 방법
이전 포스트에서는 React, TypeScript 환경에서 Fabric.js 캔버스를 생성하는 방법에 대해서 알아보았습니다. 이번 포스트에서는 캔버스의 다양한 속성 값을 동적으로 설정하는 방법에 대해 알아보겠습니다.캔버스를 생성할 때 드로잉 모드를 미리 true로 작성
2024년 2월 19일
3.[Fabric.js] 3. 실행 취소, 다시 실행 버튼 만들기
이전 포스트에서는 Fabric.js에서 동적으로 속성 값을 설정하는 방법에 대해서 알아보았습니다. 이번 포스트에서는 캔버스의 그림이나 이미지 등을 실행 취소하거나 다시 실행할 수 있는 버튼을 만들어 보겠습니다. 1. Fabric.js의 단점 Fabric.js는 강력한
2024년 3월 18일