A RetroSearch Logo

Home - News ( United States | United Kingdom | Italy | Germany ) - Football scores

Search Query:

Showing content from http://developer.mozilla.org/ja/docs/Web/API/HTMLImageElement/Image below:

HTMLImageElement: Image() コンストラクター - Web API

HTMLImageElement: Image() コンストラクター

Baseline Widely available

Image() コンストラクターは、新しい HTMLImageElement インスタンスを作成します。機能的には document.createElement('img') と同等です。

メモ: この関数を CSS の image() 関数と混同しないでください。

構文
new Image()
new Image(width)
new Image(width, height)
引数
width 省略可

画像の幅(つまり width 属性に対応する値)です。

height 省略可

画像の高さ(つまり height 属性に対応する値)です。

使用上の注意

ビットマップ全体は、コンストラクターで指定されたサイズに関係なく読み込まれます。コンストラクターで指定されたサイズは、結果のインスタンスのプロパティ HTMLImageElement.width と HTMLImageElement.height を通して反映されます。画像の本来の幅と高さは CSS ピクセルで表され、プロパティ HTMLImageElement.naturalWidth と HTMLImageElement.naturalHeight を通して反映されます。コンストラクターでサイズが指定されていない場合、両プロパティのペアは同じ値を持ちます。

例
const myImage = new Image(100, 200);
myImage.src = "picture.jpg";
document.body.appendChild(myImage);

これは、 <body> の中で次のような HTML タグを定義するのと同じです。

<img width="100" height="200" src="picture.jpg" />
仕様書 ブラウザーの互換性

RetroSearch is an open source project built by @garambo | Open a GitHub Issue

Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo

HTML: 3.2 | Encoding: UTF-8 | Version: 0.7.4