HTML canvas arcTo() 方法
实例
在画布上创建介于两个切线之间的弧:
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>.