この記事では、JS画像の同じスケールスケーリング方法について説明します。次のように、参照のために共有してください。
<！doctype html public " - // w3c // dtd xhtml 1.0 transitional // en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd"> <html xmlns = "http://www.w3.org/1999/xhtml"> <head> <meta http-equiv = "content-type" content = "text/html; charset = gb2312"/> <title> javascript = javaspriction = javaspriptespriction < autoresizeImage（maxwidth、maxheight、objimg）{var img = new image（）; img.src = objimg.src; var hratio; var wratio; var比= 1; var w = img.width; var h = img.height; wratio = maxwidth / h; （maxwidth == 0 && maxheight == 0）{比率= 1;} else if（maxwidth == 0）{// if（hratio <1）比= hratio;} else if（maxheight == 0）{if（wratio <1）ratio = wratio;} reatio;} （wratio <= hratio？wratio：hratio）;} if（比率<1）{w = w *比; h = h *比率;} objimg.height = h; objimg.width = w;} </script> </head> <body> <br/> /> width：100px <br /> <br /> <img src = "1.jpg" onload = "autoresizeimage（0,100、this）" /> height：100px <br /> <br /> <img src = "1.jpg" onload = "autoresimage（100,100、br /> <br /> /> <br /> <br /> <br /> <br /> <br /> < /body> < /html>JavaScript関連のコンテンツの詳細については、このサイトのトピックをご覧ください：「JavaScriptの切り替え効果とテクニックの要約」、「JavaScript検索アルゴリズムスキルの要約」、「JavaScriptアニメーション効果とテクニックの概要」、「Javascriptエラー、および「Javascriptデータ構造」の概要」の概要の要約の要約をご覧ください。 JavaScriptトラバーサルアルゴリズムとテクニック」、および「JavaScriptの数学的操作の使用法の要約」
この記事がみんなのJavaScriptプログラミングに役立つことを願っています。