روش Canvas quadraticCurveTo()

Canvas مراجع دستاویز

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

quadraticCurveTo() روش برای اضافه کردن یک نقطه به مسیر فعلی با استفاده از نقطه کنترل مشخص شده برای منحنی بی塞尔 دوگانه استفاده کنید.

توضیحات:منحنی بی塞尔 دوگانه نیاز به دو نقطه دارد. اولین نقطه نقطه کنترل برای محاسبات بی塞尔 دوگانه است، و دومین نقطه نقطه پایان منحنی است. نقطه شروع منحنی نقطه آخر مسیر فعلی است. اگر مسیر وجود ندارد، لطفاً از beginPath() و moveTo() روش برای تعریف نقطه شروع.

دوگام بیسرل کورو
  • نقطه شروع: moveTo(20,20)
  • نقطه کنترل: quadraticCurveTo(20,100,200,20)
  • نقطه پایان: quadraticCurveTo(20,100,200,20)

توضیحات:لطفاً ببینید روش bezierCurveTo()این دو نقطه کنترل دارد، نه یک نقطه.

مثال

کشیدن یک منحنی بی塞尔 دوگانه:

مرورگر شما پشتیبانی از تگ کانواس HTML5 را ندارد.

JavaScript:

var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.beginPath();
ctx.moveTo(20,20);
ctx.quadraticCurveTo(20,100,200,20);
ctx.stroke();

آزمایش کنید

شرح نحوی

context.quadraticCurveTo(cpx,cpy,x,y);

مقدار پارامتر

پارامترها توضیحات
cpx مختصات x نقطه کنترل بی塞尔.
cpy مختصات y نقطه کنترل بی塞尔.
x مختصات x نقطه پایان.
y مختصات y نقطه پایان.

پشتیبانی مرورگر

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

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 مراجع دستاویز