HTML <canvas> yükseklik Özelliği
Örnek
200 piksel yüksekliğe ve genişliğe sahip bir <canvas> öğesi:
<canvas id="myCanvas" width="200" height="200" style="border:1px solid">
Aşağıda daha fazla "Kendiniz Deneyin" örnekleri.
Tanım ve Kullanım
Nitelik , öğenin yüksekliğini piksel cinsinden height
belirtir .
<canvas>
İpucu: Öğenin genişliğini piksel cinsinden width
belirtmek için özniteliği kullanın .<canvas>
İpucu: Bir tuvalin yüksekliği veya genişliği her yeniden ayarlandığında, tuval içeriği temizlenir (sayfanın altındaki örneğe bakın).
İpucu: HTML Kanvas Eğitimimizdeki<canvas>
öğe
hakkında daha fazla bilgi edinin .
Tarayıcı Desteği
Tablodaki sayılar, özelliği tam olarak destekleyen ilk tarayıcı sürümünü belirtir.
Attribute | |||||
---|---|---|---|---|---|
height | 4.0 | 9.0 | 2.0 | 3.1 | 9.0 |
Sözdizimi
<canvas height="pixels">
Özellik Değerleri
Value | Description |
---|---|
pixels | Specifies the height of the canvas, in pixels (e.g. "100"). Default value is 150 |
Daha fazla örnek
Örnek
Genişlik veya yükseklik özelliğini ayarlayarak tuvali temizleyin (JavaScript kullanarak):
<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> etiketi