HTML Canvas কার্ন

উদাহরণ

আপনার ব্রাউজার HTML5 কাভস ট্যাগটি সমর্থন করে না。
const canvas = document.getElementById("myCanvas");
const ctx = canvas.getContext("2d");
ctx.beginPath();
ctx.arc(100, 50, 50, 0, Math.PI);
ctx.stroke();

নিজেই চেষ্টা করুন

arc() পদ্ধতি

কার্ভার একটি বলের অংশ হয়, এবং কেন্দ্রের কোণ্ডার এবং প্রশ্রুতির দ্বারা নির্দিষ্ট হয়:

Arc Angles

Canvas কার্ভার আঁকা

কাভসের পথটি ব্যবহার করে বল আঁকতে নিজেই চেষ্টা করুন:

পদ্ধতি বর্ণনা আঁকা
beginPath() একটি পথ শুরু করুন。 না
arc() কার্ভার নির্দিষ্ট করুন。 না
stroke() চিত্র তৈরি করুন。 হ্যাঁ

কাভসের ওপর বল আঁকতে, নিচের পদ্ধতিটি ব্যবহার করুন:

  • beginPath() - পথ শুরু করুন
  • arc(x,y,r,start,end) - বল নির্দিষ্ট করুন
  • stroke() - আঁকা

arc(x,y,r,start,end) - একটি বাঁকা (কার্ভার) তৈরি করুন。

একটি বল তৈরি করতে, শুরুতের আঙ্গুলটি 0 এবং শেষতের আঙ্গুলটি 2 * Math.PI হিসাবে সেট করুন。

x এবং y পারামিটার বলা হয় কেন্দ্রের কোণ্ডার।

r পারামিটার বলা হয় বলের প্রশ্রুতি।

অন্যান্য দেখুন:

CodeW3C.com এর সমস্ত Canvas রেফারেন্স ম্যানুয়েল