কার্সাস: 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 | ফায়ারফক্স | স্যাফারি | অপেরা |
|---|---|---|---|---|
| Chrome | Edge | ফায়ারফক্স | স্যাফারি | অপেরা |
| 4.0 | 9.0 | 3.6 | 4.0 | 10.1 |
মন্তব্য:Internet Explorer 8 এবং আরও পুরানীর সংস্করণগুলি <canvas> এলিমেন্টটি সমর্থন করে না。
