ویژگی height HTML <canvas>

برچسب <canvas> HTML

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

height ویژگی ارتفاع عنصر <canvas> را به صورت پیکسل مشخص کنید.

نشان‌گذاری

لطفاً از ویژگی width عرض عنصر <canvas> را به صورت پیکسل مشخص کنید.

با هر بار تنظیم مجدد ارتفاع یا عرض کانواس، محتوای کانواس پاک می‌شود (لطفاً به مثال در پایین صفحه مراجعه کنید).

لطفاً در آموزش Canvas HTML برای یادگیری بیشتر در مورد عناصر <canvas> به دوره‌های ما مراجعه کنید.

مثال

مثال 1

عنصر <canvas> با ارتفاع و عرض 200 پیکسل:

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

آزمایش کنید

مثال 2

با تنظیم属性 ارتفاع به 300px، کانواس را پاک کنید (از JavaScript استفاده کنید):

<canvas id="myCanvas" width="400" height="400" 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.height = 400;
}
</script>

آزمایش کنید

قوانین

<canvas height="pixels">

مقدار ویژگی

مقدار توضیح
pixels ارتفاع کانواس را به واحد پیکسل تعیین کنید (مثلاً “100”). مقدار پیش‌فرض 150 است.

پشتیبانی مرورگر

اعداد در جدول نشان‌دهنده نسخه اولیه مرورگرهایی است که از این ویژگی پشتیبانی می‌کنند.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
4.0 9.0 2.0 3.1 9.0

برچسب <canvas> HTML