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