Ö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 "