Jcrop + 캔버스 투명한 이미지 문제 잘라 내기

Question

현재 우리 프로젝트에만 Javascript + jQuery를 사용하고 있으며 최종 이미지를 jCrop에서 base64로 변환하여 HTML 캔버스를 사용하여 타사 서비스로 전달하려고합니다 . 지금까지 우리는 모든 것이 하나의 조각을 기대한다고 생각했습니다. 사용자가 투명한 PNG를 jCrop에 업로드하면 이미지를 자르고 캔버스 미리보기에서 jCrop 선택을 이동하거나 확장 할 때 이미지의 투명한 부분이 흐려집니다.

현재 문제의 예를 볼 수 있습니다 당신은 내가 jCrop의 선택을 끌어 때 이미지의 투명한 부분이 심하게 흐리게 것을 볼 수 있습니다 : http://i46.tinypic.com/23jl946.png

내가 jCrop에서 약간의 불투명도 설정을 해본 적이 like :

bgColor: 'transparent' 

캔버스에 globalAlpha를 시도했지만 작동하지 않는 것 같습니다.

var c   = canvas.getContext('2d'); 
c.globalAlpha = 0; 

아이디어가 있으십니까?

Answer 1

실제로 캔버스의 clearRect를 사용하여 해결했습니다.

context.clearRect(0, 0, canvas.width, canvas.height);