HTML5
HTML5 ক্যানভাসের সাথে একটি বেজিয়ার কার্ভ আঁকতে, bezierCurveTo() পদ্ধতি ব্যবহার করুন। পদ্ধতিটি প্রদত্ত বিন্দুটিকে বর্তমান পথের সাথে যুক্ত করে, প্রদত্ত নিয়ন্ত্রণ পয়েন্টগুলির সাথে একটি ঘন বেজিয়ার বক্ররেখা দ্বারা পূর্ববর্তীটির সাথে সংযুক্ত।
HTML5 ক্যানভাসে কীভাবে বেজিয়ার কার্ভ আঁকতে হয় তা শিখতে আপনি নিম্নলিখিত কোডটি চালানোর চেষ্টা করতে পারেন। bezierCurveTo() পদ্ধতিতে x এবং y পরামিতি হল এন্ডপয়েন্টের স্থানাঙ্ক। cp1x এবং cp1y হল প্রথম নিয়ন্ত্রণ বিন্দুর স্থানাঙ্ক, এবং cp2x এবং cp2y হল দ্বিতীয় নিয়ন্ত্রণ বিন্দুর স্থানাঙ্ক৷
উদাহরণ
<!DOCTYPE html>
<html>
<head>
<title>HTML5 Canvas Tag</title>
</head>
<body>
<canvas id = "newCanvas" width = "500" height = "300" style = "border:1px solid #000000;"></canvas>
<script>
var c = document.getElementById('newCanvas');
var ctx = c.getContext('2d');
ctx.beginPath();
ctx.moveTo(75,40);
ctx.bezierCurveTo(75,37,70,25,50,25);
ctx.bezierCurveTo(20,25,20,62.5,20,62.5);
ctx.bezierCurveTo(20,80,40,102,75,120);
ctx.bezierCurveTo(110,102,130,80,130,62.5);
ctx.bezierCurveTo(130,62.5,130,25,100,25);
ctx.bezierCurveTo(85,25,75,37,75,40);
ctx.fill();
</script>
</body>
</html> আউটপুট
