* [CODE(HTMLe)@en[[[canvas]]]] 要素型 (HTML, XHTML 1)
[8] [[HTML]] の [CODE(HTMLe)@en[[[canvas]]]] [[要素]]は、
[[Web応用]]が[[画像]]を[[描画]]するための[[画布]]を提供します。
@@ '''この頁は書きかけです。 [[HTML 5]] の仕様が確定するのを待っています。'''
[9] 仕様書:
- [[HTML 5]] ([[作業中]])
--
[10]
:[[開始タグ]]:必須
:[[終了タグ]]:必須 (>>6)
:[[属性]]:[[共通属性]]
** 内容と終了タグ
[6]
当初 [[Safari]] の実装では[[強制空要素]]で、
[[終了タグ]]はありませんでしたが、 [[HTML 5]]
では[[終了タグ]]が存在し、[[内容]]は[[代替内容]]とされています。
[[Firefox]]、[[Opera]] もこれに従っています。
@@ [[Safari 2]] は??
[[#comment]]
** 歴史
[11]
はじめ、 [[Apple]] が [[Safari]] に (主として [[Dashboard]]
のために) [CODE(HTMLe)@en[[[canvas]]]] を考案・実装しました。
[12]
[[WHATWG]] の [[Web Applications 1.0]] 作業原案 ([[HTML 5]])
ははやくから [CODE(HTMLe)@en[[[canvas]]]] を仕様に取り込んでいます。
[13]
[[Gecko]] 1.8 ([[Firefox]] 1.5 ([[Deer Park]] 2 以降))、 [[Opera 9]]
(Preview 1 以降) も相次いでこれを実装しました。
[[#comment]]
** 関連
[5] '''[CODE(HTMLe)@en[canvas]] vs SVG'''
, ,[CODE(HTMLe)@en[canvas]] ([CODE(HTML)@en[[[2d]]]]) ,[[SVG]]
,記述方法 ,[[スクリプト]]で[[手続き的]] ,[[XML]] で[[宣言的]]
,文字列の描画 ,不可能 ,可能
,動的な変更 ,可能 ([[スクリプト]]) ,"可能 ([[スクリプト]], [[アニメーション]])"
,描画が [[DOM]] に反映 ,反映されない ,反映される
,[[CSS]] ,使用できない ,使用できる
,[[HTML]] に埋込み ,可能 ([CODE(HTMLe)@en[canvas]] + [CODE(HTMLe)@en[[[script]]]]) ,不可能
,[[XHTML]] に埋込み ,可能 ([CODE(HTMLe)@en[canvas]] + [CODE(HTMLe)@en[[[script]]]]) ,可能 ([CODE(XMLe)@en[[[svg]]]])
,[[HTML]] から参照 ,可能 ([CODE(HTMLe)@en[canvas]] + [CODE(HTMLe)@en[[[script]]]] [CODE(HTMLa)@en[[[src]]]]) ,可能 ([CODE(HTMLe)@en[[[object]]]])
,[[XHTML]] から参照 ,可能 ([CODE(HTMLe)@en[canvas]] + [CODE(HTMLe)@en[[[script]]]] [CODE(HTMLa)@en[[[src]]]]) ,可能 ([CODE(HTMLe)@en[[[object]]]])
,ラスタ画像データに変換 ,可能 ([CODE(DOMm)@en[[[toDataURL]]]]) ,可能
,標準化団体 ,[[WHATWG]] ,[[W3C]] [[SVG WG]]
,[[Mozilla Firefox]] ,1.5 Alpha 2 以降 ,1.5 Alpha 2 以降
,[[Safari]] ,○ ,?
,[[Opera]] ,9.0 Preview 1 以降 ,8 以降 ([[SVG Tiny]])
[[#comment]]
** メモ
[1]
''Hixie's Natural Log: Extending HTML''
[[Apple]] が導入した [[HTML]] の拡張、
[CODE(HTMLe)[canvas]] 要素型などを通した、 HTML の拡張についての考察。
([[名無しさん]] [WEAK[2004-08-23 06:30:29 +00:00]])
[2]
[CITE[mozillaZine 日本語版 - mozillaZine 和訳]]
[[Gecko]] が [CODE(HTMLe)[[[canvas]]]]
を実装。
([[名無しさん]] [WEAK[2005-04-23 01:01:00 +00:00]])
[3]
[CITE[Evil Thoughts: Canvas and XUL]]
([[名無しさん]] [WEAK[2005-04-23 01:02:46 +00:00]])
[4]
[CITE[Drawing Graphics with Canvas - Devmo Ja]]
[CITE@en[Category:HTML:Canvas - MDC]]
[7]
[CITE[blogfour: