HTML canvas quadraticCurveTo() মথুর
বিবরণ ও ব্যবহার
quadraticCurveTo() মথুর দ্বারা বর্তমান পথে একটি পয়েন্ট যোগ করুন যা দ্বিতীয় বেসেল কোর্বা হিসাবে গণনা করা হবে。
সুঝানা:দ্বিতীয় বেসেল কোর্বা দুটি পয়েন্ট প্রয়োজন।প্রথম পয়েন্ট দ্বিতীয় বেসেল গণনায় নিয়ন্ত্রক পয়েন্ট হয়, দ্বিতীয় পয়েন্ট কোর্বার শেষ পয়েন্ট।কোর্বার শুরুতের পয়েন্ট বর্তমান পথের শেষ পয়েন্ট।যদি পথ হোক না, তবে beginPath() এবং moveTo() মথুর দ্বারা শুরুতের পয়েন্ট নির্ধারণ করুন。
- ভাব দিয়েছে: moveTo(
20,20) - নিয়ন্ত্রক পয়েন্ট: quadraticCurveTo(
20,100,200,20) - শেষ পয়েন্ট: quadraticCurveTo(20,100,
200,20)
সুঝানা:দেখুন bezierCurveTo() মথুর।এটি একটি নিয়ন্ত্রক পয়েন্টের পরিবর্তে দুটি নিয়ন্ত্রক পয়েন্ট রাখে。
প্রদর্শন
একটি দ্বিতীয় বেসেল কোর্বা দ্বারা আবর্জনা করুন:
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> ইলেকট্রন সমর্থন করে না。
