Проблема Jcrop + Canvas с прозрачным изображением при кадрировании

В настоящее время мы используем ТОЛЬКО 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;

Есть идеи?


javascript jcrop
person Mike Averto    schedule 14.03.2013    source источник

Ответы (1)


arrow_upward
0
arrow_downward

На самом деле просто исправил это с помощью clearRect холста.

context.clearRect(0, 0, canvas.width, canvas.height);
person Mike Averto    schedule 14.03.2013