مثال
و <canvas> العنصر مع ارتفاع وعرض 200 بكسل:
<canvas id="myCanvas" width="200" height="200" style="border:1px solid">
انها محاولة لنفسك » أكثر "انها محاولة لنفسك" الأمثلة أدناه.
تعريف واستخدام
و height تحدد السمة ذروة <canvas> عنصر، في بكسل.
نصيحة: استخدم width السمة لتحديد عرض <canvas> عنصر، في بكسل.
نصيحة: في كل مرة يتم إعادة ضبط ارتفاع أو عرض من قماش، سيتم مسح المحتوى قماش (انظر المثال في أسفل الصفحة).
نصيحة: تعلم المزيد عن <canvas> عنصر في منطقتنا HTML قماش التعليمي .
دعم المتصفح
الأرقام في الجدول تحدد أول نسخة متصفح يدعم بشكل كامل السمة.
| السمة | |||||
|---|---|---|---|---|---|
| height | 4.0 | تسعة | 2.0 | 3.1 | تسعة |
الخلافات بين HTML 4.01 و HTML5
و <canvas> البطاقة هي جديدة في HTML5.
بناء الجملة
<canvas height="pixels">
السمة القيم
| القيمة | وصف |
|---|---|
| pixels | يحدد ارتفاع قماش، بالبكسل (على سبيل المثال "100" ). ارتفاع الافتراضي هو "150" |
المزيد من الأمثلة
مثال
مسح قماش من قبل وضع width أو height السمة (باستخدام جافا سكريبت):
<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 = "#92B901";
ctx.fillRect(50, 50,
100, 100);
function clearCanvas() {
c.height =
300;
}
</script> انها محاولة لنفسك »