خصائص height لعنصر HTML <canvas>

علامة <canvas> لـ HTML

تعريف والاستخدام

height خاصية height تحدد ارتفاع عنصر <canvas> بالبكسل.

تلميحات

يرجى استخدام خاصية width تحديد عرض عنصر <canvas> بالبكسل.

عند إعادة تعيين ارتفاع أو عرض اللوحة، سيتم مسح محتوى اللوحة (انظر مثال في أسفل الصفحة).

يرجى زيارة دليل HTML Canvas لإكتساب معرفة أكثر عن عناصر <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="بكسل">

قيمة الخاصية

القيمة الوصف
بكسل يحدد ارتفاع اللوحة، في بكسل (مثل “100”)، القيمة الافتراضية هي 150.

دعم المتصفحات

الرقم في الجدول يشير إلى إصدار المتصفح الذي يدعم الخاصية لأول مرة.

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

علامة <canvas> لـ HTML