HTML کوئنواس وائیڈت خاصیت
تعلیم اور استعمال
width خصوصیت کا دائرہ کار یہ کہ یہ <canvas> علامت کی چوڑائی، پیکسل کی اکائی میں مقرر کرتی ہے。
پیشکش
استعمال کریں: height خاصیت کوئنواس علامت کی بلندی، پیکسل کی اکائی میں مقرر کریں。
جب کانواس کی بلندی یا چوڑائی کو دوبارہ سیٹ کیا جاتا ہے تو کانواس کی محتوائی خالی ہوجاتی ہیں (کریپشن کے نیچے کا مثال دیکھئے)。
کریپشن میں، HTML Canvas درس کوئنواس علامت کی مزید معلومات سیکھنے کے لئے میرے کورس میں درج کیا گیا ہے。
مثال
مثال 1
200 پیکسل کی بلندی اور چوڑائی والا <canvas> علامت:
<canvas id="myCanvas" width="400" height="400" style="border:1px solid">
مثال 2
ذریعہ وائیڈت کی خاصیت کو 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”). مقدار پیشفرض 300 است. |
پشتیبانی مرورگر
اعداد در جدول نشاندهنده نسخه اولیه مرورگرهایی است که این ویژگی را پشتیبانی میکنند.
| کروم | کورنر | افرادا | سافاری | اپرا |
|---|---|---|---|---|
| کروم | کورنر | افرادا | سافاری | اپرا |
| 4.0 | 9.0 | 2.0 | 3.1 | 9.0 |
