Örnek
Bir <canvas> bir yüksekliğe ve 200 piksel genişliğe sahip öğe:
<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ı
height niteliği yüksekliğini belirler <canvas> piksel cinsinden elemanı.
İpucu: kullan width genişliğ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 | |||||
|---|---|---|---|---|---|
| height | 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 height=" Özellik Değerleri değer Açıklama pixels Piksel cinsinden tuvalin yüksekliğini belirtir (eg "100" ) . Standart yüksekliğidir "150"
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 "