এইচটিএমএল ক্যানভাস বেজিয়ার কার্ভ আঁকতে

একটি Bezier বক্ররেখা আঁকতে, HTML এ BezierCurveTo() পদ্ধতি ব্যবহার করুন। আসুন প্রথমে সিনট্যাক্স −

দেখি

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

এখানে,

cp1x − প্রথম বেজিয়ার কন্ট্রোল পয়েন্টের এক্স-অর্ডিনেটের প্রতিনিধিত্ব করে
cp1y − প্রথম বেজিয়ার কন্ট্রোল পয়েন্টের y-অর্ডিনেটের প্রতিনিধিত্ব করে
cp2x − দ্বিতীয় বেজিয়ার কন্ট্রোল পয়েন্টের এক্স-অর্ডিনেটের প্রতিনিধিত্ব করে
cp2y − দ্বিতীয় বেক্সিয়ার কন্ট্রোল পয়েন্টের y-সমন্বয় প্রতিনিধিত্ব করে
x − শেষ বিন্দুর x-অর্ডিনেটের প্রতিনিধিত্ব করে
y − শেষ বিন্দুর y-স্থানাঙ্কের প্রতিনিধিত্ব করে

নিম্নলিখিত একটি উদাহরণ -

উদাহরণ

<!DOCTYPE html>
<html>
<head>
<title>HTML5 Canvas Tag</title>
</head>
<body>
<canvas id = "newCanvas" width = "550" height = "300" style = "border −2px solid blue;"></canvas>
<script>
   var c = document.getElementById('newCanvas');
   var ctx = c.getContext('2d');
   ctx.beginPath();
   ctx.moveTo(50, 20);
   ctx.bezierCurveTo(100, 150, 200, 100, 200, 50);
   ctx.stroke();
</script>
</body>
</html>

আউটপুট

এইচটিএমএল ক্যানভাস বেজিয়ার কার্ভ আঁকতে