Canvas arcTo() روش
تعریف و استفاده
arcTo() این روش در کانواس منحنی/منحنی‌های بین دو خط تانگنت ایجاد می‌کند.
توضیح:لطفاً از stroke() این روش در کانواس منحنی دقیق را می‌کشد.
مثال
برای ایجاد منحنی بین دو خط تانگنت در کانواس:
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 | مختصری از نقطه‌ای که منحنی شروع می‌شود |
| y1 | مختصری از نقطه‌ای که منحنی شروع می‌شود |
| x2 | مختصری از نقطه‌ای که منحنی به پایان می‌رسد |
| 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> پشتیبانی نمی‌کنند.
