4

HTML5 Canvas で部分的な円 (円弧) を描画する方法は知っていますが、Canvas で引き伸ばされた円弧を描画するにはどうすればよいですか?

以下のような円弧を描くにはどうすればよいですか (円弧がステッチされている/半径が変化している)。 ここに画像の説明を入力

これは私が通常の弧を描く方法ですが、おそらくこの弧を伸ばすことができる機能がありますか?

context.moveTo(centerX, centerY);
context.arc(centerX, centerY, radius, startingAngle, endingAngle, false);       
context.closePath();
4

2 に答える 2

3

変換を使用できます。このライブの例のように。

context.save() ;
context.translate(150,150) ;
context.scale(2,1) ;
context.translate(-150,-150) ;
context.moveTo(150, 150);
context.arc(150, 150, 50, 0, 3*Math.PI/4, true);       
context.closePath();
context.stroke() ;
context.restore() ;
​
于 2012-04-13T02:12:01.250 に答える