JavaScript

[JavaScript] 画像サイズを変更する

投稿日:2017年10月24日 更新日:

画像サイズを変更するするサンプルです。

サンプルソース

例)ボタンを押すと画像の高さを100pxにする。

解説

  • 縦横比は保たれたままで、指定サイズにリサイズされます。
  • 画像サイズの横幅を指定したい場合は、.widthを使用します。
    例)obj.width = 100;

スポンサーリンク

スポンサーリンク

-JavaScript
-

執筆者:


comment

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

関連記事

[JavaScript] 画像が読込み中かどうかチェックする

画像が読込み中かどうかチェックするサンプルです。 サンプルソース 例)画像が読込み中かどうかチェックする [crayon ...

[JavaScript] オブジェクトのキーを全件取得する(for-in)

オブジェクトのキーを全件取得するには、for-in構文を使用します。 サンプル 例)オブジェクト(obj)のキーを全件表 ...

[JavaScript] 値を厳密に比較する(===、!==) 厳密等価演算子

JavaScriptで値を比較する時、型も同じかどうかを比較するには「===」で比較します。 「===」は厳密等価演算子 ...

[JavaScript] 配列に指定した値が存在するかどうかチェックする(.some)

配列に指定した値が存在するかどうかチェックするサンプルです。 サンプルソース 例1)数値の配列中に20または30が存在す ...

[JavaScript] テキストボックスのmaxlength値を取得する

テキストボックスのmaxlength値を取得するには、maxLengthを使用します。 (※HTML5以降であれば、テキ ...

スポンサーリンク