| るきお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から継承 |