HTML canvas arcTo() 方法

دليل مرجعي HTML5 Canvas

定义和用法

arcTo() 方法在画布上创建介于两个切线之间的弧/曲线。

提示：请使用 stroke() 方法在画布上绘制确切的弧。

实例

在画布上创建介于两个切线之间的弧：

Your browser does not support the HTML5 canvas tag.

JavaScript:

var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.beginPath();
ctx.beginPath();
ctx.moveTo(20,20);           // 创建开始点
ctx.lineTo(100,20);          // 创建水平线
ctx.arcTo(150,20,150,70,50); // إنشاء دائرة
ctx.lineTo(150,120);         // إنشاء خط عمودي
ctx.stroke();                // للرسم

تجربة شخصية

النحو

ملء منطقة الفراغx1,y1,x2,y2,r);

قيمة الم 参数

الم 参数 الوصف
x1 موقع x للبداية من دائرة
y1 موقع y للبداية من دائرة
x2 موقع x للنهاية من دائرة
y2 موقع y للنهاية من دائرة
r قطر الدائرة

دعم المتصفحات

الرقم في الجدول يشير إلى إصدار المتصفح الأول الذي يدعم هذه الخاصية بالكامل.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
4.0 9.0 3.6 4.0 10.1

ملاحظة:لا يدعم متصفح Internet Explorer 8 وأحدث إصداراته عنصر <canvas>.

دليل مرجعي HTML5 Canvas