1

JavaScript。CSSの幅と高さを使用してロードされた画像のサイズを変更する簡単なスクリプトを作成したいと思います。コード例は次のとおりです。

       <img style="width:200px; height:200px" 
src="http://doc.jsfiddle.net/_downloads/jsfiddle-desktop-1440x900-a.png" onLoad="    
    //need resize code here
    "/>​

元のサイズ比で画像のサイズを変更しようとしています。しかし、元のサイズにアクセスできません。元のサイズを選択したい場合は、this.heightcssサイズが表示されます。では、本来の価値はどこにあるのでしょうか。サイズを変更するにはどうすればよいですか？this.style.height = '200px'????

4

2 に答える 2

1

代わりに CSS でmax-widthandを使用するのはどうですか?max-height

<img style="max-width:200px; max-height:200px" src="http://doc.jsfiddle.net/_downloads/jsfiddle-desktop-1440x900-a.png"/>​

jsFiddle の例

于 2012-04-10T15:40:57.010 に答える
1

このフィドルを見てください。唯一の問題は、naturalWidth/Heightプロパティが Opera および IE < バージョン 9 でサポートされていないことです ( dottoroによると)。

于 2012-04-10T15:36:39.530 に答える