Canvas bezierCurveTo() মহথুর

Canvas রেফারেন্স ম্যানুয়েল

বিবরণ ও ব্যবহার

bezierCurveTo() মহথুরকে ব্যবহার করে তিনবার্ষিক বেজেল কোর্বা প্রদর্শিত বিন্দুকে পথে যোগ করুন。

সুঝাওয়া:তিনবার্ষিক বেজেল কোর্বা দুইটি বিন্দু প্রয়োজন। প্রথম দুইটি বিন্দু তিনবার্ষিক বেজেল গণনায় ব্যবহৃত হয়, তৃতীয়টি বিন্দু হল কোর্বার শেষ বিন্দু। কোর্বার ভাব বিন্দু হল বর্তমান পথের শেষ বিন্দু। যদি পথ নেই, তবে beginPath() এবং moveTo() মহথুরকে ব্যবহার করে ভাব বিন্দু নির্ধারণ করুন。

त्रिगुणा बेसेल गुणा
  • ভাব বিন্দু: moveTo(20,20)
  • নিয়ন্ত্রণ বিন্দু 1: bezierCurveTo(20,100,200,100,200,20)
  • নিয়ন্ত্রণ বিন্দু 2: bezierCurveTo(20,100,200,100,200,20)
  • শেষ বিন্দু: bezierCurveTo(20,100,200,100,200,20)

সুঝাওয়া:দেখুন quadraticCurveTo() মথুর। এটি দুটির বদলে একটি নিয়ন্ত্রণ বিন্দু রাখে。

উদাহরণ

একটি তিনবার্ষিক বেজেল কোর্বা প্রদর্শিত করুন:

আপনার ব্রাউজার এই এইচটিএমএল৫ ক্যানভাস ট্যাগকে সমর্থন করে না。

JavaScript:

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

আপনার হাতে চুম্বক করুন

ব্যবহারকৌশল

context.bezierCurveTo(cp1x,cp1y,cp2x,cp2y,x,y);

প্রমাণ মূল্য

প্রমাণ বর্ণনা
cp1x প্রথম বেজেল নিয়ন্ত্রণ বিন্দুর x-অক্ষাংশ
cp1y প্রথম বেজেল নিয়ন্ত্রণ বিন্দুর y-অক্ষাংশ
cp2x দ্বিতীয় বেজেল নিয়ন্ত্রণ বিন্দুর x-অক্ষাংশ
cp2y দ্বিতীয় বেজেল নিয়ন্ত্রণ বিন্দুর y-অক্ষাংশ
x শেষ বিন্দুর x-অক্ষাংশ
y শেষ বিন্দুর y-অক্ষাংশ

ব্রাউজার সমর্থন

টেবিলের সংখ্যা এটি প্রথম সম্পূর্ণরূপে এই বৈশিষ্ট্যকে সমর্থনকারী ব্রাউজারের সংস্করণকে উল্লেখ করে।

Chrome Edge Firefox স্যাফারি ওপেরা
Chrome Edge Firefox স্যাফারি ওপেরা
4.0 9.0 3.6 4.0 10.1

মন্তব্য:Internet Explorer 8 এবং তার পূর্ববর্তী সংস্করণগুলি <canvas> ইলেকট্রন

Canvas রেফারেন্স ম্যানুয়েল