るきおWeb研究所 HTML5 APIリファレンス |
HTML5 canvas |
この記事が対象とする仕様
HTML5 HTML構文 | ◎ | 対象です。 | |
HTML5 XHTML構文 | ◎ | 対象です。 |
概要 ・CanvasRenderingContext2DオブジェクトはHTML5のCanvas要素に描画するオブジェクト |
出典
HTML Canvas 2D Context 2012年3月7日 Editor's Draft版 http://dev.w3.org/html5/2dcontext/
メンバー | 型 | 意味 | ||
---|---|---|---|---|
![]() |
canvas | HTMLCanvasElement | 読み取り専用 | canvas要素への参照。 |
![]() |
save | void | 描画状態を一時的に保存します。 | |
![]() |
restore | void | saveメソッドで保存した描画状態を復元します。 | |
![]() |
globalAlpha | double | ||
![]() |
globalCompositeOperation | DOMString | ||
![]() |
strokeStyle | any | ||
![]() |
fillStyle | any | 塗りつぶしのスタイルを指定します。 | |
![]() |
createLinearGradient | CanvasGradient | 線形グラデーションによるスタイル。 | |
![]() |
createRadialGradient | CanvasGradient | 放射状グラデーションによるスタイル。 | |
![]() |
createPattern | CanvasPattern | テクスチャによるスタイル。 | |
![]() |
shadowOffsetX | double | 影との横方向の距離。 | |
![]() |
shadowOffsetY | double | 影との縦方向の距離。 | |
![]() |
shadowBlur | double | 影のぼかし具合。 | |
![]() |
shadowColor | DOMString | 影の色。 | |
![]() |
clearRect | void | 領域をクリアします。 | |
![]() |
fillRect | void | 四角形を描画します。 | |
![]() |
strokeRect | void | ||
![]() |
beginPath | void | ||
![]() |
fill | void | ||
![]() |
stroke | void | ||
![]() |
drawSystemFocusRing | void | (まだ実装されていません。) | |
![]() |
drawCustomFocusRing | boolean | (まだ実装されていません。) | |
![]() |
scrollPathIntoView | void | ||
![]() |
clip | void | ||
![]() |
isPointInPath | boolean | ||
![]() |
fillText | void | 文字列を描画します。 | |
![]() |
strokeText | void | ||
![]() |
measureText | TextMetrics | ||
![]() |
drawImage | void | ||
![]() |
createImageData | ImageData | ||
![]() |
craeteImageData | ImageData | ||
![]() |
getImageData | ImageData | ||
![]() |
putImageData | void | ||
![]() |
putImageData | void | ||
![]() |
scale | void | CanvasTransformationから継承 | 描画時に拡大・縮小が適用されるようにします。 |
![]() |
rotate | void | CanvasTransformationから継承 | 描画時に回転が適用されるようにします。 |
![]() |
translate | void | CanvasTransformationから継承 | 描画時に平行移動が適用されるようにします。 |
![]() |
transform | void | CanvasTransformationから継承 | 変換行列を合成します。 |
![]() |
setTransform | void | CanvasTransformationから継承 | |
![]() |
lineWidth | double | CanvasLineStylesから継承 | |
![]() |
lineCap | DOMString | CanvasLineStylesから継承 | |
![]() |
lineJoin | DOMString | CanvasLineStylesから継承 | |
![]() |
miterLimit | double | CanvasLineStylesから継承 | |
![]() |
font | DOMString | CanvasTextから継承 | |
![]() |
textAlign | DOMString | CanvasTextから継承 | |
![]() |
textBaseLine | DOMString | CanvasTextから継承 | |
![]() |
closePath | void | CanvasPathMethodsから継承 | |
![]() |
moveTo | void | CanvasPathMethodsから継承 | |
![]() |
lineTo | void | CanvasPathMethodsから継承 | |
![]() |
quadraticCurveTo | void | CanvasPathMethodsから継承 | |
![]() |
bezierCurveTo | void | CanvasPathMethodsから継承 | |
![]() |
arcTo | void | CanvasPathMethodsから継承 | |
![]() |
rect | void | CanvasPathMethodsから継承 | |
![]() |
arc | void | CanvasPathMethodsから継承 |