본문 바로가기

분류 전체보기556

JavaScript] fabric.js 를 이용하여 마우스 포인터를 따라 직선 긋기 이전에 itstudy-mary.tistory.com/365?category=900951 Javascript] 강력한 캔버스 라이브러리, fabric 웹에서 잠깐 좌표를 그리고, 그 좌표를 가지고 와야 할 일이 있어서 자바스크립트를 쓰기로 했다. 이쯤이면 슬슬 그래픽 엔지니어로 진화할 것 같다. 기존에도 자바스크립트에는 그래픽을 지원 itstudy-mary.tistory.com 이 포스팅에서, fabric.js의 큰 장점은 그려지는 개체들을 하나하나 객체화 시킨다는데에 장점을 둔다고 했다. 기존의 canvas 라이브러리로 이것을 만드려 하면, 마우스가 움직일 때 마다 만들어지는 선을 하나하나 지우고, 랜더링 하고, 다시 랜더링 된 선을 지우고 해야하지만, fabric.js는 랜더링을 선언허지 않으면 객체화.. 2021. 5. 4.
ㅠㅠ 회사 개발이 바빠 당분간 개인개발 못할듯....... 2021. 5. 3.
자바스크립트.......... 미쳐버릴거 같다 vsCode로 코딩중인데 웬만한 오류는 툴에서 안뜨고 콘솔에서 뜬다는점이............. 자바스크립트는 괜찮은 툴이 없나...........? 2021. 4. 9.
Javascript] 강력한 캔버스 라이브러리, fabric 웹에서 잠깐 좌표를 그리고, 그 좌표를 가지고 와야 할 일이 있어서 자바스크립트를 쓰기로 했다. 이쯤이면 슬슬 그래픽 엔지니어로 진화할 것 같다. 기존에도 자바스크립트에는 그래픽을 지원하는 canvas 라는 API가 존재하기는 한다. 그러나 이 라이브러리는 정말 그림만 그려서 도면을 그려야 하고, 마우스 오버해서 직선을 그려야 할때, 일일히 이전에 그렸던 직선을 랜더링 제거해야한다는 점이 너무 불편했다. 그러다 보게된 것이 fabric 라이브러리다. (현재 뒤로가기까지 구현되어 있다.) fabric 라이브러리의 장점은 만들어진 요소 하나하나가 객체화 된다는 점이다. 그래서, 뒤로가기도 마지막에 그린 객체 하나를 지정해서 삭제하면 된다. fabric을 자신의 프로젝트에 붙이는 과정은 간단하다. fabric.. 2021. 4. 8.
반응형

티스토리툴바