Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
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/
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);
}
});
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 +/-:?
//agora faz o crop com o newImg xD