HTML canvas ট্যাগ ও canvas ট্যাগের ব্যবহার

সাধারণত জাভাস্ক্রিপ্ট এর মাধ্যমে fly এ গ্রাফিক্স আঁকতে canvas ট্যাগ ব্যবহার করা হয়ে থাকে। হতে পারে কালার, ডিজাইন বা অন্য কিছু। তবে আপনি ওয়েবসাইটে canvas ট্যাগ ব্যবহার করে বিভিন্ন ধরনের ডিজাইন তৈরি করে নিতে পারেন। canvas ট্যাগের ক্ষেত্রে দুইটি এট্রিবিউট আছে, একটি হচ্ছে width আর একটি height। তো নিচের অংশে এর ব্যবহার দেখে নেই।

আমরা ইতি পূর্বে আলোচনা করেছি, এইচটিএমএল এর বেশ কিছু ট্যাগ এর ব্যবহার নিয়ে । আজকে তারই উপর ভিত্তি করে আমরা আলোচনা করেছি এইচটিএমএল ক্যানভাস ট্যাগ ও ক্যানভাস ট্যাগের ব্যবহার নিয়ে । চলুন তাহলে নিচের অংশে দেখে নেই ।

HTML canvas ট্যাগের ব্যবহার

নিচের অংশে এইচটিএমএল canvas ট্যাগ এর ব্যবহার দেখানো হল ।

<canvas id="myCanvas">Your browser does not support the HTML5 canvas tag.</canvas>
<script>
var c = document.getElementById("myCanvas");
 var ctx = c.getContext("2d");
 ctx.fillStyle = "#ddd333";
 ctx.fillRect(2, 3, 90,100 );
</script>

<p><strong>Note:</strong> The canvas tag is not supported</p>

canvas ট্যাগ ব্রাউজারে প্রর্দশন হয় না। মার্কআপের প্রথম অংশে canvas ট্যাগ ব্যবহার করা হয়ে থাকে। canvas ট্যাগের সাথে এট্রিবিউট হিসাবে id জাভাস্কিপ্ট ব্যবহার করা হয়ে থাকে।  নিচের  script কোড দেয়া আছে। canvas ট্যাগের সাথে script কোড ব্যবহার মধ্যে চমৎকার ডিজাইন তৈরি করা যায়। উপরের কোন অনুসারে ব্রাউজারে রান করলে নিচের মতো দেখা যাবে।

canvas tag

উপরের ছবিটি মূলত canvas tag ইউজ করে তৈরি করেছি ।  তার নিচে আমরা p ট্যাগের মধ্যে Strong ট্যাগ ব্যবহার করে Note: লেখা বোল্ড করেছি । উপরের নিয়ম অনুসারে canvas ট্যাগ ব্যবহার করতে পারেন ।

 

Related Post

HTML এ div ট্যাগ ও div ট্যাগের ব্যবহার... HTML এ একটি নির্দিষ্ট অংশকে আলাদাভাবে স্টাইল কিংবা ব্লক আকারে তৈরি করবার জন্য সাধারণত div ট্যাগ ব্যবহার করা হয়ে থাকে।  আমরা যখন একটি ওয়েবসাইট ভিজিট কর...
HTML comment ট্যাগ কিভাবে ব্যবহার করবেন... Comment অর্থ মন্তব করা । HTML কোডের মন্তব লিখতে comment ট্যাগের ব্যবহার হয়ে থাকে।   html comment  ট্যাগ ব্রাউজারে প্রদর্শিত হয় না কিংবা দেখা যায় না। আ...
HTML base ট্যাগ ও base ট্যাগের ব্যবহার... সাধারণত একটি ডকুমেন্টের সমস্ত ইউআরএল বা ঠিকানা গুলির জন্য এ্কটি ডিফল্ট URL ও এর টার্গেট ঠিক করা হয়ে থাকে base ট্যাগ দিয়ে  । base ট্যাগ ব্যবহার করা হয় ...
ওয়ার্ডপ্রেস ট্যাগ কি ও কিভাবে ওয়ার্ডপ্রেস ট্যাগ ব্... ওয়ার্ডপ্রেস ট্যাগ (Tag) কি ক্যাটেগরির মতো ওয়ার্ডপ্রেস ট্যাগ ও এক ধরনের টেক্সনমি ( taxonomy ) এবং এটিও ব্যবহার করা হয় ওয়ার্ডপ্রেস ক্যাটাগরি -র মতো পোস...
HTML dl, dd, dt ট্যাগ ও dl, dd, dt ট্যাগ এর ব্যবহা... সাধারণত  dl, dd ও dt ট্যাগ একই সাথে ব্যবহার করা হয়ে থাকে। একটি বর্ণনার তালিকা একটি শব্দ বা নাম বর্ণনা করতে ব্যবহৃত হয়। HTML dl ট্যাগের ফুল ফর্ম হচ্ছে...
HTML p ট্যাগ ও p ট্যাগের ব্যবহার... সাধারণত HTML p ট্যাগ কোন সাইটে লেখা প্রকাশ করার ক্ষেত্রে ব্যবহার করা হয়ে থাকে। p tag আসলে paragraph represent করে ।  যেমন অনেক সাইটে কন্টেন কিংবা আর্ট...

You may also like...

Leave a Reply

Your email address will not be published. Required fields are marked *

error: Content is protected !!