Maison  >  Article  >  interface Web  >  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
WBOYoriginal
2016-05-16 15:27:03918parcourir

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;
    }
  }
}

Utilisation :

Copier le code Le code est le suivant :
5d528988d39be0d12f83ef32a94b995b

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.

Déclaration:
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