HTML <canvas> width এক্সপ্রোপার্টি

HTML <canvas> ট্যাগ

সংজ্ঞা ও ব্যবহার

width এক্সপ্রোপার্টি নির্দেশ করে ক্যানভাস ইউনিটের প্রস্থতা পিক্সেলে সেট করুন

সূচনা

ব্যবহার করুন height এক্সপ্রোপার্টি পিক্সেলে ইউনিটে ক্যানভাস ইউনিটের উচ্চতা সেট করুন

ক্যানভাসের উচ্চতা বা প্রস্থতা পুনরায় সেট করা হলে, ক্যানভাসের মধ্যবিন্ন সামগ্রী মিটানো হবে (পৃষ্ঠার নিচের উদাহরণ দেখুন):

আমাদের HTML Canvas ট্যুটোরিয়াল এখানে <canvas> ইউনিটের বিষয়ে আরও জানুন

একটি প্রদর্শন

উদাহরণ 1

প্রত্যেকটিরই পরিমাপ 200 পিক্সেলের <canvas> ইউনিট:

<canvas id="myCanvas" width="400" height="400" style="border:1px solid">

আপনার হাতে চেষ্টা করুন

উদাহরণ 2

ক্যানভাসটিকে পুনরায় বানানোর জন্য width এক্সপ্রোপার্টি সেট করুন 400px (জেভাস্ক্রিপ্ট ব্যবহার করে):

<canvas id="myCanvas" width="200" height="200" style="border:1px solid"></canvas>
<script>
var c = document.getElementById("myCanvas");
var ctx = c.getContext("2d");
ctx.fillStyle = "#0192B9";
ctx.fillRect(50, 50, 300, 300);
function clearCanvas() {
  c.width = 400;
}
</script>

আপনার হাতে চেষ্টা করুন

সিনট্যাক্স

<canvas width="পিক্সেল">

এক্সপ্রোপার্টি মান

মান বর্ণনা
পিক্সেল চিত্রক্ষেত্রের প্রস্থতা নির্ধারণ করুন (পিক্সেলের হিসাবে; উদাহরণ: “100”)।ডিফল্ট মান ৩০০।

ব্রাউজার সমর্থন

সারণীতে বর্ণিত সংখ্যা এই এক্সপ্রোপার্টি প্রথম সম্পূর্ণভাবে সমর্থনকারী ব্রাউজারের সংস্করণ

চ্রোম এজ ফায়ারফক্স স্যাফারি ওপেরা
চ্রোম এজ ফায়ারফক্স স্যাফারি ওপেরা
4.0 9.0 2.0 3.1 9.0

HTML <canvas> ট্যাগ