Canvas arcTo() method

دليل مرجعي لـ Canvas

التعريف والاستخدام

arcTo() يستخدم هذا الطريقة لإنشاء دائرة بين نقطتي التوازي لخطي القطع/المنحنيات.

نصيحة:يرجى استخدام stroke() يستخدم هذا الطريقة للرسم دائرة دقيقة على الورق.

مثال

إنشاء دائرة بين نقطتي التوازي لخطي القطع

browser الخاص بك لا يدعم علامة HTML5 canvas.

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();                // إجراء الرسم

جرب بنفسك

النحو

context.fillRect(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>.

دليل مرجعي لـ Canvas