2016-08-17 9 views
0

丸みを帯びた1隅の四角形を描き、色で塗りつぶす方法は?1角を描く方法は?

私は次のコードでメソッドarcToを使用しようとしています:

this.bgGraphics.beginFill(0xFFCC00, 1); 
this.bgGraphics.moveTo(0, 0); 
this.bgGraphics.lineTo(45, 0); 
this.bgGraphics.arcTo(45, 0, 60, 15, 15); 
this.bgGraphics.lineTo(60, 60); 
this.bgGraphics.lineTo(0, 60); 
this.bgGraphics.endFill(); 

すなわち、私は60×60の四角形を描いていて、を45, 0から45, 15までの半径15のポイントから使用しようとしています。

しかし、その代わりに、それはそれを遮断右上部の角が丸いの:どのようにGraphics.drawRoundedRectで丸四角形を描画し、その丸みを帯びた部分の上に描画に関する

screenshot

答えて

1

それは全1色なので、あなたはしたくないですか?あなたはフルサイズRECT丸いを描き、その後、あなたは、このような通常のrects、と四角たいコーナーをカバーする:

Example of drawing with rectangles

1

arcTo()方法は少し混乱しています。 (x1、y1)座標は曲線の始点ではありません。ベジェ・ハンドルの場合、それはもっとポイントに似ています。あなたが望む円弧を得るためには、ベジェハンドルをx軸に沿ってまっすぐ引っ張る必要があります。だからあなたの方法は、実際には次のようになります。

this.bgGraphics.arcTo(60, 0, 60, 15, 15); 

enter image description here

関連する問題