メソッドは、2つの制御点と半径を指定して現在のサブパスに円弧を追加します。円弧は現在のパスの最後の点と自動的に直線で連結されます。このメソッドは主に角丸の図形を描画するのに使用されます。円弧と連結する直線は円弧の半径に合うように描線されます。radius);Parametersx11つ目の制御点のx座標。y11つ目の制御点のy座標。x22つ目の制御点のx座標。y22つ目の制御点のy座標。radius円弧の半径。負でない値を設定する必要があります。仕組みを解釈するには、始点と1つ目の制御点を結ぶ直線と、そこから2つ目の制御点を結ぶ直線の2つの線をイメージする方法があります。この鋭角部分に接する円弧を描くことで滑らかに接続します。2直線に接する円弧を作成するということになります。よって描かれる線を黒い太線、接線を灰色、制御点を赤、始点となる現在のパスの最後の点を青で描画しています。arcTo()を用いて丸い角をもつ線を描画しています。これが最も一般的な使われ方です。結ぶ直線に接するように形成された半径50の円弧に接続されます。点まで直線が描画されます。指定することで、滑らかな描線を得ることができます。相対的に大きな半径を指定した場合には、前述の方法では期待されるような滑らかな描線は得られません。この例では、moveTo()後の地点から円弧に接続される線は下方ではなく上方に向かってしまっています。これは、2つの直線に接する円の半径が大き過ぎるために、始点よりも上方に円弧との接点があるために発生しています。demo以下はより洗練されたデモです。半径の変化幅を調節し、どのように描線が変化するかを試すことができます。inbox.現在、ニュースレターは英語でのみ提供されています。従って私の個人情報を扱うことに同意します。