Comment maintenir et appliquer le format d'image dans extjs4

Question

Je travaille dans extjs4. J'essaie d'afficher l'image en utilisant le composant suivant =

xtype : 'image', 
height : 600, 
width : 800, 
src :me.imageSrc 

Où, me.imageSrc est le chemin de l'image. Mais parfois, l'image est floue ou agrandie si la hauteur et la largeur de l'image sont trop grandes. Alors, comment calculer le ratio d'aspect et l'appliquer dans extjs4 afin de montrer les images correctement.

Answer 1

Pour obtenir la taille de l'image chargée, vous devez écouter l'événement "load" sur l'élément image, dans le callback de l'auditeur, vous avez accès à with et height.

Voici le code qui fait la magie:

var img = imageCmp.imgEl 
img.on('load',function(){ 
    Ext.Msg.alert('IMG Size',img.getWidth()+'x'+img.getHeight()); 
}); 

Voici un exemple de travail:

http://jsfiddle.net/crysfel/utUA2/

Assurez-vous de retirer la largeur hardcoded et hauteur;)