円・円弧を描画

See the Pen RVXmLj by nuto (@exarow) on CodePen.

Canvasには、円を描くメソッドが無い。

あるのは、円弧を描くメソッドだけ。

円弧を一周分描けば、円になるので、問題はないのかも。。。

あれば、あったで楽だと思うが。。。

 

context.arc( 横位置 , 縦位置 , 半径 , 開始角度 , 終了角度 , 回転方向 );
  • 横位置、縦位置   ・・・ 円弧の中心点の位置を指定する。
  • 半径        ・・・ 円弧の半径をドット数で指定する。
  • 開始角度、終了角度 ・・・ 円弧をどこからどこまで描くかを角度で指定する。中心から真右方向を0とし、それぞれの角度をラジアン単位(2πを一周とする。)で換算する。

回転方向      ・・・ 描く円弧の方向を真偽値で指定する。時計回りならfalse、反時計周りならtrue。    

 

しかし、楕円が作れない。。。 

コメント

タイトルとURLをコピーしました