مетод HTML canvas arcTo()

دستورالعمل‌های کانواس HTML5

تعریف و استفاده

arcTo() این روش در کanvas یک محیط/منحنی بین دو خط تیغه‌ای ایجاد می‌کند.

توضیح:لطفاً از stroke() این روش در کanvas یک محیط دقیق بین دو خط تیغه‌ای می‌کشد.

مثال

در کanvas یک محدوده‌ی محیط بین دو خط تیغه‌ای ایجاد کنید:

مخاطره‌ای از شما که این مرورگر پشتیبانی نمی‌کند.

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

نکته:نسخه‌های 8 اینترنت اکسپلورر و قدیمی‌تر از <canvas> پشتیبانی نمی‌کنند.

دستورالعمل‌های کانواس HTML5