Fabric.js 지우개 문제 캔버스

Question

Fabric.js를 사용하여 웹 응용 프로그램에 지우개를 구현하고 싶습니다. Fabric.js에 지우개를 구현할 수있는 방법이 있습니까? 예를 들어 MS Paint?

Answer 1

Fabric에 지우개가 내장되어 있지 않으며 구현하기가 다소 어렵습니다.

Fabric의 모든 점은 모든 것이 객체 기반이며 대부분의 것들이 벡터 기반이라는 것입니다.

네이티브 캔버스와 달리 전역 비트 맵에서 일부 픽셀 만 지울 수 없습니다. 우리는 아래에 전체 객체 모델을 가지고 있으며 캔버스 출력은 캔버스에 렌더링 된 모든 객체의 단순한 루프입니다.

지우개를 에뮬레이트 할 수있는 한 가지 방법은 아마도 캔버스 위에 어떤 종류의 오버레이를 넣는 것입니다. 그리고 그 위에 일종의 "지워진"선을 그어 기본 객체의 환상을 없애 버립니다.

그러나 합병증이 여전히있다 :

• 우리가 어떻게 (SVG JSON 또는으로)이 레이어를 직렬화 것?
• 이전에 그린 경로의 절반을 지우고 이미 지운 모양으로 작업하려면 어떻게해야합니까? 모양 자체를 수정해야합니다. 오버레이가 작동하지 않습니다.
• 지우개는 모양이나 배경색에만 영향을 줍니까? 배경 이미지는 어떻습니까?

내가 지금 생각하지 못한 문제가 더 많습니다.