ویژگی height در تگ canvas در HTML در سایت PNLdev

نمونه کد

یک نمونه ساده از ویژگی height در تگ canvas

<canvas id="canvas" width="300" height="300"></canvas>

آزمایشگاه

تعریف و کاربرد

ویژگی hieght ارتفاع عنصر ها یا المنت ها را مشخص میکند و این ویژگی فقط مقدار پیکسل را قبول مکند.

اگر برای المنت canvas از ویژگی height استفاده نکنیم یا یک مقدار نامعتبر بدهیم از مقدار پیش فرض 150 پیکسل استفاده میکند.

نکات

سازگاری با مرورگر

#	کروم	ادج	فایرفاکس	سافاری	اپرا
height attribute in <canvas>

شیوه نگارش

<canvas height="pixels"></canvas>

نمونه کد های بیشتر

نمونه کد

یک نمونه ساده از ویژگی height در تگ canvas

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

  </canvas>
  <br>
  
  <script>
      const c = document.getElementById("canvas");
      const ctx = c.getContext("2d");
      ctx.fillStyle = "#92B901";
      ctx.fillRect(50, 50, 100, 100);

      function clearCanvas() {
        c.height = 300;
      }
  </script>

  <button onclick="clearCanvas()">Clear canvas</button>

آزمایشگاه

ویژگی height در تگ canvas در HTML height attribute in canvas tag in HTML

نمونه کد

تعریف و کاربرد

نکات

سازگاری با مرورگر

شیوه نگارش

نمونه کد های بیشتر

نمونه کد

ویژگی height در تگ canvas در HTML
height attribute in canvas tag in HTML