কম্পিউটার টিউটোরিয়াল

HTML-এ স্ক্রিপ্ট দিয়ে গ্রাফিক্স (canvas ট্যাগ) তৈরি করা

স্ক্রিপ্টিং (জাভাস্ক্রিপ্ট) ব্যবহার করে গ্রাফিক্স, অ্যানিমেশন ইত্যাদি আঁকতে <canvas> ট্যাগ ব্যবহার করা হয়।

<canvas> ট্যাগের অ্যাট্রিবিউটগুলো:

অ্যাট্রিবিউট মান বিবরণ
height pixels ক্যানভাসের উচ্চতা।
width pixels ক্যানভাসের প্রস্থ।

উদাহরণ

canvas ট্যাগ দিয়ে গ্রাফিক্স তৈরির উদাহরণ:

<!DOCTYPE html> <html>    <head>       <title>HTML Canvas Tag</title>    </head>    <body>       <canvas id = "newCanvas">Your browser does not support canvas tag.</canvas>       <script>          var c = document.getElementById('newCanvas');          var ctx = c.getContext('2d');          ctx.fillStyle = '#00AEEF';          ctx.fillRect(0,0,180,50);       </script>    </body> </html>

  1. HTML টেবিলের ভিতরে HTML ট্যাগ ব্যবহার করা

  2. HTML-এ বিব্লিওগ্রাফি (Bibliography) তৈরি করা

  3. HTML canvas ট্যাগ

  4. AutoHotkey দিয়ে অ্যাপ-স্পেসিফিক হটকি তৈরির পদ্ধতি