ホームページ  >  記事  >  ウェブフロントエンド  >  js は、IE および Firefox_javascript スキルと互換性のある画像スケーリング コードを実装します。

js は、IE および Firefox_javascript スキルと互換性のある画像スケーリング コードを実装します。

WBOY
WBOYオリジナル
2016-05-16 15:27:03918ブラウズ

この記事の例では、IE および Firefox と互換性のある画像スケーリング コードの js 実装について説明します。参考のために皆さんと共有してください。詳細は次のとおりです:

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

使用法:

コードをコピーします コードは次のとおりです:
9ed0cce74db3550308492ebfe95cb5c0

この方法は、IE、FIREFOX、OPERA、NETSCAPE のテストに適用できます。

この記事が JavaScript プログラミングのすべての人に役立つことを願っています。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。