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