En son web geliştirme öğreticiler
 

HTML <canvas> width Attribute

<HTML <canvas> etiketi

Örnek

Bir <canvas> bir ile elemanının height ve width 200 piksel:

<canvas id="myCanvas" width="200" height="200" style="border:1px solid">
Kendin dene "

Daha "Try it Yourself" Aşağıdaki örnekler.


Tanımı ve Kullanımı

width niteliği genişliğini belirtir <canvas> piksel cinsinden elemanı.

İpucu: kullan height yüksekliğini belirtmek için öznitelik <canvas> piksel cinsinden elemanı.

İpucu: Bir tuval yükseklik veya genişlik yeniden ayarlanır her zaman, tuval içeriği silinir (see example at bottom of page) .

Tip: hakkında daha fazla bilgi <canvas> bizim de eleman HTML Tuval Eğitimi .


Tarayıcı Desteği

Tablodaki rakamlar tam özelliğini destekleyen ilk tarayıcı sürümü belirtin.

nitelik
width 4.0 9.0 2.0 3.1 9.0

HTML 4.01 ve HTML5 Arasındaki Farklar

<canvas> etiketi HTML5 getirdiği bir yeniliktir.


Sözdizimi

<canvas width=" Özellik Değerleri
değer Açıklama
pixels Piksel cinsinden tuval genişliğini belirtir (eg "100") . Standart genişliği "300"

Diğer Örnekler

Örnek

Ayarlayarak tuval temizleyin width veya height özelliğini (using 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>
Kendin dene "

<HTML <canvas> etiketi