aşırı yakınlaştırma Ben çok temel bir Croppie şöyle başlatıldı div var

Question

Croppie (JavaScript görüntü kırpma eklentisi) ile nasıl engellenir:

HTML:

<div id="upload-avatar" class="croppie-container"></div> 

JavaScript:

$uploadCrop = $('#upload-avatar').croppie({ 
    viewport: { 
     width: 100, 
     height: 100, 
     type: 'square' 
    }, 
    url: 'test_img.jpg' 
}); 

$('#upload-avatar').croppie('bind'); 

'test_img.jpg' başarılı bir şekilde croppie-konteynerine yüklenir, ancak Croppie görüntüye "ölçek" stili ekleyerek, görüntüyü 4X'e yakınlaştırır.

scale(4.1667); 

'test_img/jpg' zaten (x 248px 212px) kırpılmış olarak 100px x 100px viewport penceresi içinde taşınacak kadar küçüktür, bu yüzden görüntü yakınlaştırma olmak istemiyoruz. Sonra bile Kod örneklerinin Croppie'nin sitesinde kopyalanması, hala aynı problemi yaşıyorum. Croppie'nin istemediğim zaman imajımı büyütmesi hakkında bir fikrin var mı? (Bkz. Resim)

Bunun çalışması için, 100 x 100 x x 100 cm'lik bir çerçeveye sığdırmak istediğim boyutu 4X yüklemem gerekecek, ki bu çok saçma. Daha fazla bilgiye ihtiyacınız varsa lütfen bize bildirin.

Teşekkürler!

Croppie docs: http://foliotek.github.io/Croppie/#documentation

Answer 1

ben bunu çözdüm. "Bağlama" çağrısını yorumladıktan sonra, beklediğim gibi davranır. Garip ..

$('#upload-avatar').croppie({ 
    viewport: { 
     width: 100, 
     height: 100, 
     type: 'square' 
    }, 
    url: json.file 
}); 
//$('#upload-avatar').croppie('bind'); //Commenting this line, fixed it!