2014-01-25 4 views
0

fabricjs 기반의 0.5 불투명 무료 드로잉 앱 (배경 이미지가 작음)에 대한 '지우개'를 만들려고합니다. 이자형. 모든 드로잉은 반투명하며 무료 드로잉을 통해 배경을 볼 수 있습니다.fabricjs에서 'pixie 기반'무료 드로잉을 만드는 방법

그러나 기본적으로 모든 자유 도면은 '경로 기반'이라고 이해합니다. i. 이자형. 우리가 그려내는 모든 것은 (마우스를 아래쪽으로 마우스를 올리는 것 사이에서) 캔버스에서 개별 경로로 캡처되므로 경로의 임의의 부분을 지울 수 없습니다. 그래서 마우스 오른쪽/아래로 이벤트를 수동으로 캡처하고 pixie로 이미지 픽키를 그리고 불투명도 = 0.5로 캔버스에 배치 할 수 있을지도 모릅니다. 그래서 우리는 흰색을 사용하여 그 모든 오래된 그림을 덮어 쓸 수 있습니까?

이 솔루션을 효율적으로 사용할 수 있습니까?

그러나 어떻게 구현할 수 있는지 확실하지 않습니다 fabricjs? 계단이나 의사 코드에 대한 조언을 좀 해줄 수 있겠 어? 덕분에

답변

0

비슷한 문제가 있었지만 기본 개념은 간단했습니다. '커서 아래의 픽셀 읽기 (그리고 배경 이미지가있는 다른 캔버스가있는 캔버스 아래에서)를 페인트하고 경로가 같은 색상으로 '지우개 효과를 만듭니다. 시작 돌은 jsfiddle.net/DV9Bw/1/이었습니다. 아마 당신을 도울 수 있습니다. 아이디어가 빨리 버려 졌기 때문에 완성을 시도하지 않았습니다.

관련 문제