Jcrop + Canvas在作物上发现透明图像问题

Question

目前，我们仅在我们的项目中使用Javascript + jQuery，并试图将jCrop的最终图像转换为base64，并借助HTML canvas传递给第三方服务。到目前为止，我们已经预料到了一件事。当用户将透明PNG上传到jCrop时，我们裁剪图像并在画布预览中移动或扩展jCrop选择时图像的透明部分变得模糊。

你可以在这里看到了问题的例子，你可以看到，当我拖着选择在jCrop图像的透明部分模糊不清严重：http://i46.tinypic.com/23jl946.png

我打在jCrop一些透明度设置像：

bgColor: 'transparent' 

并尝试globalAlpha的画布，但这些似乎并没有工作。

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

任何想法？

Answer 1

其实只是使用画布的clearRect修复它。

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