作物上的Jcrop + Canvas透明图像问题

Question

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

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

我在jCrop中使用了一些不透明度设置，如：

bgColor: 'transparent'

并尝试使用globalAlpha for canvas，但这些似乎不起作用。

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

有什么想法吗？

Answer 1

实际上只是使用canvas的clearRect修复它。

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