Les utilisateurs téléchargent des photos et la taille de la photo est inconnue; doit être zoomé en proportion. Comme indiqué ci-dessous.
En jetant un coup d'œil, vous pouvez utiliser le texte-alignement: Centre; En proportion, les attributs de largeur et de hauteur qui utilisent préréglé <img /> ne peuvent pas être résolus. Parce que les images utilisateur peuvent être très longues ou très larges. J'ai pensé à leur relation en ligne et j'ai jugé que c'est le suivant:
if (largeur réelle> aperçu de la largeur maximale) {
Largeur de mise à l'échelle = avant-première Largeur maximale
}
if (hauteur réelle> aperçu maximum hauteur) {
Hauteur d'échelle = aperçu maximum hauteur
}
Cependant, il y aura des problèmes. Afin de lui permettre d'être mis à l'échelle proportionnelle, divers jugements doivent être portés. Ensuite, cela viole le principe de notre espoir d'automatisation. Attention, même si vous n'aimez pas les mathématiques, mais les mathématiques sont toujours très utiles, il devrait y avoir d'autres façons. Puisqu'il est mis à l'échelle en proportion, pourquoi ne pas utiliser la proportion d'images réelles et de largeurs de zone d'aperçu pour calculer leur relation? Hmmmm ... vraiment ok. En fait, nous n'avons qu'à zoomer en largeur ou en hauteur. Parce que la proportion n'est que grande et petite. En particulier, écrivez une fonction pour l'implémenter:
Copier le code du code comme suit:
/ **
* L'image est zoomée en proportion adaptative
* @param img {élément} images téléchargées par l'utilisateur
* @param maxwidth {nombre} La largeur maximale de la zone d'aperçu
* @param maxheight {nombre} La hauteur maximale de la zone d'aperçu
* /
Var resizeImg = fonction (img, maxwidth, maxheight) {
var w = img.width,
H = iMg.head;
// lorsque l'image ne fait aucun changement que les heures d'aperçu
if (w <maxwidth && h <maxheight) return;
// lorsque le rapport d'image réel est supérieur à la proportion de largeur et de hauteur de la zone d'aperçu
// La largeur d'image à l'échelle, sinon la largeur d'image à l'échelle
w / h> maxwidth / maxheight?