Edit

Page

Page title:

Page body:

* 文脈

[FIG(short list)[ [7] 
- [CODE(HTMLe)@en[img]]
-- [[画像文書]]
- [CODE(HTMLe)@en[svg:image]]
- [CODE(HTMLa)@en[poster]]
- [CODE(CSS)@en[<image>]]
- [CODE(XMLe)@en[svg]]
- [[favicon]]
- [CODE[ImageData]]
- [CODE[ImageBitmap]]
]FIG]

* オブジェクト

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

[4] 相互変換:
[FIG(table)[
:x:入力
:data:[CODE(URI)@en[[[data:]]]] [[URL]]
:arraybuffer:[CODE(DOMi)@en[[[ArrayBuffer]]]], [CODE(DOMi)@en[[[ArrayBufferView]]]]
:imagedata:[CODE(DOMi)@en[[[ImageData]]]]
:blob:[CODE(DOMi)@en[[[Blob]]]]
:bloburl:[CODE(URI)@en[[[blob:]]]] [[URL]]
:file:[CODE(HTML)@en[[[<input type=file>]]]]
:dnd:[CODE(DOMi)@en[[[DataTransfer]]]]
:img:[CODE(HTMLe)@en[[[img]]]]
:canvas:[CODE(HTMLe)@en[[[canvas]]]], [CODE(HTML)@en[[[2d]]]]
:video:[CODE(HTMLe)@en[[[video]]]]
:bitmap:[CODE(DOMi)@en[[[ImageBitmap]]]]

:x:[CODE(URI)@en[[[data:]]]] [[URL]]
:data:-
:img:[CODE(HTMLa)@en[[[src]]]]
:blob:[[XHR]]/[[fetch]] では不可 ([[SOP]])
:arraybuffer:[[XHR]]/[[fetch]] では不可 ([[SOP]])

:x:[CODE(DOMi)@en[[[ArrayBuffer]]]], [CODE(DOMi)@en[[[ArrayBufferView]]]]
:arraybuffer:-
:imagedata:[[コンストラクター]]
:blob:[[コンストラクター]]

:x:[CODE(DOMi)@en[[[ImageData]]]]
:imagedata:[CODE(DOMm)@en[[[createImageData]]]]
:bitmap:[CODE(DOMm)@en[[[createImageBitmap]]]]
:arraybuffer:[CODE(DOMa)@en[[[data]]]]
:canvas:[CODE(DOMm)@en[[[putImageData]]]]

:x:[CODE(DOMi)@en[[[Blob]]]]
:blob:[[コンストラクター]]
:bloburl:[CODE(DOMm)@en[[[createObjectURL]]]]
:bitmap:[CODE(DOMm)@en[[[createImageBitmap]]]]

:x:[CODE(URI)@en[[[blob:]]]] [[URL]]
:bloburl:-
:img:[CODE(HTMLa)@en[[[src]]]]
:blob:[[XHR]]/[[fetch]]
:arraybuffer:[[XHR]]/[[fetch]]

:x:[CODE(HTML)@en[[[<input type=file>]]]]
:file:-
:blob:[CODE(DOMa)@en[[[files]]]]

:x:[CODE(DOMi)@en[[[DataTransfer]]]]
:dnd:-
:blob:[CODE(DOMa)@en[[[files]]]]

:x:[CODE(HTMLe)@en[[[img]]]]
:img:-
:canvas:[CODE(DOMm)@en[[[drawImage]]]]
:bitmap:[CODE(DOMm)@en[[[createImageBitmap]]]]

:x:[CODE(HTMLe)@en[[[canvas]]]], [CODE(HTML)@en[[[2d]]]]
:data:[CODE(DOMm)@en[[[toDataURL]]]]
:blob:[CODE(DOMm)@en[[[toBlob]]]]
:canvas:[CODE(DOMm)@en[[[drawImage]]]]
:bitmap:[CODE(DOMm)@en[[[createImageBitmap]]]]
:imagedata:[CODE(DOMm)@en[[[getImageData]]]]

:x:[CODE(HTMLe)@en[[[video]]]]
:video:-
:canvas:[CODE(DOMm)@en[[[drawImage]]]]
:bitmap:[CODE(DOMm)@en[[[createImageBitmap]]]]

:x:[CODE(DOMi)@en[[[ImageBitmap]]]]
:bitmap:[CODE(DOMm)@en[[[createImageBitmap]]]]
:canvas:[CODE(DOMm)@en[[[drawImage]]]]

]FIG]

* 画像形式

[6] [[画像形式]]、[CODE(MIME)@en[image/*]] を参照。

* 設定

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

* 処理

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

* レンダリング

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

[10] 
[CODE(DOMm)@en[drawImage]]

* 歴史

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

[1] [CITE[Surfin’ Safari - Blog Archive » High DPI Web Sites]]
([TIME[2010-07-06 22:35:10 +09:00]] 版)
<http://webkit.org/blog/55/high-dpi-web-sites/>

[5] [CITE@ja[JPEGの脆弱性突いたさらに危険なコードが公開 - ITmedia エンタープライズ]]
([TIME[2016-04-20 00:33:15 +09:00]] 版)
<http://www.itmedia.co.jp/enterprise/articles/0409/24/news006.html>

Historical Legal Sensitive Parent: [Help / License]

Edit

Page

Errors

Page name(s)