るきおWeb研究所 HTML5 APIリファレンス
HTML5 canvas

CanvasRenderingContext2D オブジェクト

この記事が対象とする仕様

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