arcTo（）メソッドキャンバスHTML
例
キャンバス上の間に2つの接線との間にアークを作成します。
JavaScriptを：
var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.beginPath();
ctx.moveTo(20,20); // Create a starting point
ctx.lineTo(100,20); // Create a horizontal line
ctx.arcTo(150,20,150,70,50); // Create an arc
ctx.lineTo(150,120); // Continue with vertical line
ctx.stroke(); // Draw it
var ctx=c.getContext("2d");
ctx.beginPath();
ctx.moveTo(20,20); // Create a starting point
ctx.lineTo(100,20); // Create a horizontal line
ctx.arcTo(150,20,150,70,50); // Create an arc
ctx.lineTo(150,120); // Continue with vertical line
ctx.stroke(); // Draw it
»をお試しください
ブラウザのサポート
Internet Explorer 9のは、Firefox、ChromeとSafariのサポートarcTo（）メソッド。
注：Operaは arcTo（）メソッドをサポートしていません。
注：のInternet Explorer 8およびそれ以前のバージョンでは、<キャンバス>要素をサポートしていません。
定義と使用法
arcTo（）メソッドは、キャンバス上の2つの接線間にアーク/カーブの間に作成されます。
ヒント：使用ストローク（）キャンバス上で正確な円弧を描画する方法を。
| JavaScriptシンタックス： | コンテキスト.arcTo（X1、Y1、X2、Y2、R）。 |
|---|
パラメータ値
| 参数 | 描述 |
|---|---|
| x1 | 弧的起点的 x 坐标。 |
| y1 | 弧的起点的 y 坐标。 |
| x2 | 弧的终点的 x 坐标。 |
| y2 | 弧的终点的 y 坐标。 |
| r | 弧的半径。 |
HTMLキャンバスリファレンスマニュアル