سمة العرض <canvas> HTML
مثال
عنصر <canvas> يبلغ ارتفاعه وعرضه 200 بكسل:
<canvas id="myCanvas" width="200" height="200" style="border:1px solid">
المزيد من الأمثلة "جربها بنفسك" أدناه.
التعريف والاستخدام
widthتحدد السمة عرض العنصر
<canvas>بالبكسل.
نصيحة: استخدم height
السمة لتحديد ارتفاع
<canvas>العنصر بالبكسل.
نصيحة: في كل مرة يتم فيها إعادة ضبط ارتفاع أو عرض لوحة الرسم ، سيتم مسح محتوى اللوحة القماشية (انظر المثال في أسفل الصفحة).
نصيحة: تعرف على المزيد حول
<canvas>العنصر في
دروس HTML Canvas الخاصة بنا .
دعم المتصفح
تحدد الأرقام الواردة في الجدول إصدار المتصفح الأول الذي يدعم السمة بشكل كامل.
| Attribute | |||||
|---|---|---|---|---|---|
| width | 4.0 | 9.0 | 2.0 | 3.1 | 9.0 |
بناء الجملة
<canvas width="pixels">
قيم السمات
| Value | Description |
|---|---|
| pixels | Specifies the width of the canvas, in pixels (e.g. "100"). Default value is 300 |
مزيد من الأمثلة
مثال
امسح اللوحة عن طريق تعيين سمة العرض أو الارتفاع (باستخدام JavaScript):
<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>
❮ علامة HTML <canvas>