Jcrop + Canvas Transparent Image Issue On Crop

Question

В настоящее время мы используем ТОЛЬКО Javascript + jQuery в нашем проекте, и мы пытаемся преобразовать окончательное изображение из jCrop в base64, которое будет передано сторонней службе с помощью HTML-холста , До сих пор мы все выяснили, ожидаем одну часть. Когда пользователь загружает прозрачный PNG в jCrop, мы обрезаем изображение и в предварительном просмотре холста, прозрачная часть изображения становится размытой при перемещении или расширении выбора jCrop.

Вы можете увидеть пример проблемы здесь, и вы можете видеть, что, когда я был перетаскивая выбрать в jCrop прозрачную часть изображения размыты плохо: http://i46.tinypic.com/23jl946.png

Я играл с некоторыми настройками непрозрачности в jCrop например:

bgColor: 'transparent' 

И попробовал globalAlpha для холста, но они, похоже, не работают.

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

Любые идеи?

Answer 1

На самом деле, просто используя canvas's clearRect исправил его.

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