New feature : Crop result in Base64

[Lenacus]

Hi,

Just a simply and little code in JS to crop directly in Base64. With this, you can add the dataUrl (contains cropped picture) in hidden input and don't upload a big image but just the result.
Maybe you can add it in a new function in your (great) plugin.

Best regards.

Must have :
A canvas in html.

Nota :
$imgData is data from the function "done" in cropper.
150 is the wanted size in pixel.

Code JS:

    var canvas = document.getElementById('canvas'),
        context = canvas.getContext('2d'),
        image = new Image();

    canvas.width = canvas.height = 150;

    image.src = $image.prop('src');
    context.drawImage(image, $imgData.x, $imgData.y, $imgData.width, $imgData.height, 0, 0, canvas.width, canvas.height);
    dataUrl = canvas.toDataURL('image/jpeg');

[fengyuanchen]

Good idea!!!

[fengyuanchen]

This an awesome idea, and I have added it now. Thank you very much!!