مثال
إنشاء دائرة:
جافا سكريبت:
var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.beginPath();
ctx.arc(100,75,50,0,2*Math.PI);
ctx.stroke(); انها محاولة لنفسك » دعم المتصفح
الأرقام في الجدول تحدد أول نسخة مستعرض يعتمد الأسلوب بشكل كامل.
| طريقة | |||||
|---|---|---|---|---|---|
| arc() | نعم فعلا | تسعة | نعم فعلا | نعم فعلا | نعم فعلا |
تعريف واستخدام
و arc() طريقة يخلق قوس / منحنى (التي تستخدم لإنشاء دوائر أو أجزاء من دوائر).
نصيحة: لإنشاء دائرة مع arc() : تعيين بدء زاوية 0 وزاوية حد ل2 * Math.PI.
نصيحة: استخدم stroke() أو fill() طريقة رسم الواقع القوس على القماش.
مركز
القوس (100،75، 50،0 * Math.PI، 1.5 * Math.PI) بدء زاوية
القوس (100،75،50، 0، 1.5 * Math.PI) زاوية نهاية
القوس (100،75،50،0 * Math.PI، 1.5 * Math.PI) | جافا سكريبت بناء الجملة: | context.arc(x,y,r,sAngle,eAngle,counterclockwise); |
|---|
قيم معلمة
| معامل | وصف | العبها |
|---|---|---|
| x | الإحداثي س من مركز الدائرة | العبها " |
| y | الإحداثي ص من مركز الدائرة | العبها " |
| r | نصف قطر الدائرة | العبها " |
| sAngle | زاوية ابتداء، بالراديان (0 هي في موقف 3:00 من دائرة قوس ل) | العبها " |
| eAngle | زاوية تنتهي، بالراديان | العبها " |
| counterclockwise | اختياري. تحديد ما إذا كان الرسم يجب أن يكون عكس اتجاه عقارب الساعة أو في اتجاه عقارب الساعة. خطأ هو الافتراضي، ويشير إلى اتجاه عقارب الساعة، في حين يشير صحيح عكس اتجاه عقارب الساعة. | العبها " |