জাভাস্ক্রিপ্ট ব্যবহার করে ক্যানভাসে ড্র করার পদ্ধতি

HTML ক্যানভাসে ড্র করা জাভাস্ক্রিপ্টের মাধ্যমে করতে হয়। ক্যানভাসে ড্র করার আগে HTML DOM মেথড getElementById() এবং getContext() ব্যবহার করুন।

उसके জন্য কিছু ধাপ অনুসরণ করুন:

• getElementById() মেথড ব্যবহার করে ক্যানভাস এলিমেন্ট খুঁজে বের করুন।
• getContext() ব্যবহার করুন, যা ক্যানভাসের জন্য ড্রইং অবজেক্ট। এটি ড্র করার জন্য মেথড এবং প্রোপার্টি প্রদান করে।
• তারপর ক্যানভাসে ড্র করুন।

উদাহরণ

জাভাস্ক্রিপ্টে ক্যানভাস ড্র করতে নিচের কোডটি চালান:

<!DOCTYPE html> <html>    <head>       <title>HTML Canvas</title>    </head>    <body>       <canvas id="newCanvas" width="400" height="250" style="border:2px solid #000000;"></canvas>       <script>          var canvas = document.getElementById("newCanvas");          var ctxt = canvas.getContext("2d");          ctxt.fillStyle = "#56A7E2";          ctxt.fillRect(0,0,250,120);       </script>    </body> </html>