ShapeクラスはEクラスを継承して作られています。 必要に応じてEクラスの情報も参照してください。
Shapeクラスは円と矩形の描画のみサポートする、シンプルな図形描画クラスです。 簡単な図形やプログレスバーの表現であれば、Spriteを使うまでもなくこのクラスで表現する事が出来ます。
var shpae = new Shape(100, 100, ShapeStyle.fill, "red", ShapeType.arc); 横幅、縦幅、ShapeStyle、色、ShapeTypeを指定してインスタンスを生成します。 ShapeStyle、色、ShapeTypeの三つは省略出来ます。 ShapeTypeにarcを指定した場合、縦幅の指定は無視されて真円になります。 楕円形のシェイプを作りたい場合、setDrawOptionやTimelineを利用してシェイプの縦横比を変更する必要があります。
style:ShapeStyle;//現在のスタイル。値を変更する際はsetStyleメソッドを利用してください type:ShapeType;//現在の図形の形。値を変更する際は、直接このフィールドの値を書き換えてください
setStyle(style:ShapeStyle) { style:ShapeStyle;//設定するスタイル Shapeのスタイルを変更します。 --- setLineWidth(width:number) { width:number;//線の太さ Shapeの線の幅を変更します。ShapeStyle.strokeの場合に有効です --- getLineWidth() { Shapeの線の幅を取得します。 --- setColor(color:string) { color:string;//Shapeの色 Shapeの色を変更します。引数はCSSと同じ形式で指定します。例えば、"red"であれば赤、"#00ff00"であれば緑です。 --- getColor() { Shapeの現在の色を取得します。 --- draw(area:Area, context:CanvasRenderingContext2D) { ---