大きさ

[5] 画布は次元 (座標軸) において無限です CSS 2.1 2.3.1。

[6] ただしレンダリングそのものは普通、対象となる媒体によって決めた有限の領域内で行われます CSS 2.1 2.3.1。

[7] 例えば、画面にレンダリングする利用者エージェントは閲覧領域の幅に基づいてレンダリングに使う領域の初期幅を決めます。頁にレンダリングする利用者エージェントは頁の幅と高さの制約を課します。音声利用者エージェントは音声空間に制限を課すかもしれませんが、時間には課さないかもしれません。 CSS 2.1 2.3.1

[11] 画布には原点originが定義されているようです。

[12] 初期包含ブロックは画布の原点に錨付けされていますanchored。 CSS 2.1 10.1

複数の表示

[4] 利用者エージェントは文書を複数の画布にレンダリングして構いません。 (つまり、同じ文書の複数の表示を提供できます。) CSS 2.1 9.1.1

[8] 画布それぞれの媒体型は異なっていても構いません CSS 2.1 7.3。

[9] なお、 tv (音声 + 映像) のような multimodal media type であっても1つの媒体型であれば1つの画布とみなされます。 CSS 2.1 7.3

塗り

[10] 画布上のいろいろなもののレンダリングの順序 (重ね方) はスタック付け順序の概念のもとに規定されています。

背景

[13] HTML文書で根要素 html の算出値が background-color: transparent; background-image: none の場合、その最初の body 子要素の算出値が画布に適用されます。それ以外の場合、根要素の算出値が適用されます。 CSS 2.1 14.2

[14] 画布に背景が使用された要素自体の背景を再度塗りはしません。 CSS 2.1 14.2

[15] >>13 のいずれの場合であっても、背景は根要素だけに関して塗られる場合と同じ位置に錨付けされますanchored。 (background-position の基準になります。) CSS 2.1 14.2

[16] 著者は html 要素ではなく body 要素に背景を指定するよう推奨されています (参考)。 CSS 2.1 14.2

画布可視域

[18] 画布のうち、原点を左上隅、何らかのレンダリングがなされた最右の点 (または原点のどちらか右方) を含む縦線を右辺、何らかのレンダリングがなされた最下の点 (または原点のどちらか下方) を含む横線を下辺とする領域を、便宜上画布可視域canvas visible areaとします。固定配置のように viewport が初期包含ブロックである箱は含みません。 Viewport の境界線やスクロール・バーは含みません。

[19] 通常利用者が Webブラウザーで画布可視域以外の画布を viewport を通して見ることはできません。スクリプトなどで画布可視域外に新たに箱が配置された場合、画布可視域が拡張されたと考えます。)

[24] CSSOM View の用語では画布可視域は「文書内容document content」といいます。

CSSOM による大きさの取得

Firefox

[20]

無奇癖モード
- document.documentElement.scroll*
奇癖モード
- document.body.scroll*
  - ただし、 html, body の両方が overflow によるスクロール・バーを持つ場合を除きます。

[23] なお、 window.scrollMaxX, window.scrollMaxY で画布可視域の大きさから viewport 内容箱の大きさを引いたものが出てきます (viewport が画布のどこであれ、単純に引いたものです)。

Safari

[21]

奇癖モード
- document.body.scroll*
document.width, document.height

Opera

[22]

奇癖モード
- document.body.scroll*

仕様書

媒体との関係

大きさ

Viewport との関係

閲覧文脈との関係