Maison > interface Web > js tutoriel > js implémente un code de mise à l'échelle d'image compatible avec les compétences IE et Firefox_javascript

js implémente un code de mise à l'échelle d'image compatible avec les compétences IE et Firefox_javascript

WBOY
Libérer: 2016-05-16 15:27:03
original
996 Les gens l'ont consulté

L'exemple de cet article décrit l'implémentation js d'un code de mise à l'échelle d'image compatible avec IE et Firefox. Partagez-le avec tout le monde pour votre référence, les détails sont les suivants :

function SetSize(obj, width, height) {
  myImage = new Image();
  myImage.src = obj.src;
  if (myImage.width > 0 && myImage.height > 0) {
    var rate = 1;
    if (myImage.width > width || myImage.height > height) {
      if (width / myImage.width < height / myImage.height) {
        rate = width / myImage.width;
      } else {
        rate = height / myImage.height;
      }
    }
    if (window.navigator.appName == "Microsoft Internet Explorer") {
      obj.style.zoom = rate;
    } else {
      obj.width = myImage.width * rate;
      obj.height = myImage.height * rate;
    }
  }
}

Copier après la connexion

Utilisation :

Copier le code Le code est le suivant :

Cette méthode est applicable aux tests IE, FIREFOX, OPERA et NETSCAPE.

J'espère que cet article sera utile à tout le monde dans la programmation JavaScript.

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal