jquery-crop Validação e requisição das dimensões do Crop

[lucas70770 2]

Ola, eu estou testando vários plugins para recorte de imagem. Eu quero um plugin que possa cortar a imagem com um padrão(ex: 200x200), e até agora só achei plugins que tem a possibilidade de definir apenas a caixa de recorte para este tamanho.O problema é que se seleciono uma imagem com 150x150, ela vai ser aumentada para o tanho da caixa. Dois plugins que eu gostei bastante são esses: https://github.com/bupy7/jquery-cropbox, https://fengyuanchen.github.io/cropper/. Mas eles tem estes mesmos problemas, eles permitem que eu pegue uma imagem pequena(ex: 100x100) e ainda aproxime para recortar. Como a imagem selecionada não vai aparecer no tamanho real preciso que o plugin exiba a caixa de corte em escala em comparação com o tamanho real da imagem.

 

Testei alguns plugins desta lista:  www.jqueryrain.com/demo/jquery-crop-image-plugin/

[gabrieldarezzo 255]

Não faz mais sentido ao inves de procurar um Plugin de corte, um plugin que aumenta a imagem nesse caso?

 

 

Assim você dividiria o algoritmo em 2.

 

Algo +/-:?

 

if(img.size.width < 200){
 var newImg = PluginJsScale(img, 200);
}
                         
//agora faz o crop com o newImg xD 
                         
 

 

[lucas70770 2]

Ok, eu vou usar o plugin Cropper, mas ele deve pegar o tamanho da imagem quando selecionada pelo input file, mas usando o evento change eu tentei capturar as informações mais não da certo, ele captura antes de mudar.

 

$('#image-file').change(function () {

  if( $(this).val() != '' ) {

    var image_hw = new Image();
    image_hw.src = $('#cropper-hidden').attr("src");
    alert('width: ' + image_hw.naturalWidth + ' and height: ' + image_hw.naturalHeight);
  }

});