image

画像 (Web)

目次

  1. 文脈
  2. オブジェクト
  3. 画像形式
  4. 設定
  5. 処理
  6. レンダリング
  7. 歴史

文脈#

[7]

オブジェクト#

[3] 画像を表すオブジェクトは色々あります。

[4] 相互変換:

入力data: URLArrayBuffer, ArrayBufferViewImageDataBlobblob: URL<input type=file>DataTransferimgcanvas, 2dvideoImageBitmap
data: URL-XHR/fetch では不可 (SOP)XHR/fetch では不可 (SOP)src
ArrayBuffer, ArrayBufferView-コンストラクターコンストラクター
ImageDatadatacreateImageDataputImageDatacreateImageBitmap
BlobコンストラクターcreateObjectURLcreateImageBitmap
blob: URLXHR/fetchXHR/fetch-src
<input type=file>files-
DataTransferfiles-
img-drawImagecreateImageBitmap
canvas, 2dtoDataURLgetImageDatatoBlobdrawImagecreateImageBitmap
videodrawImage-createImageBitmap
ImageBitmapdrawImagecreateImageBitmap

画像形式#

[6] 画像形式image/* を参照。

設定#

[2] Webブラウザー (や起源閲覧文脈) は、画像無効に設定することができます。 画像が有効か否かは次の場面に影響します。

処理#

[8] SVGの静的表示も参照。

レンダリング#

[9] レンダリングの更新も参照。

[10] drawImage

歴史#

[11] 影鷹は、横書き前提のページ縦書き表示するため、 画像発見的基準で回転させていました。

[1] Surfin’ Safari - Blog Archive » High DPI Web Sites ( 版) http://webkit.org/blog/55/high-dpi-web-sites/

[5] JPEGの脆弱性突いたさらに危険なコードが公開 - ITmedia エンタープライズ ( 版) http://www.itmedia.co.jp/enterprise/articles/0409/24/news006.html