HTML <canvas> height özelliği

HTML <canvas> Etiketi

Tanım ve Kullanım

height Özellik, <canvas> ögesinin yüksekliğini piksel olarak belirtir.

İpucu

Kullanmanız gereken width özelliği <canvas> ögesinin genişliğini piksel olarak belirleyin.

Her seferinde画布ın yükseklik veya genişlik özelliklerini yeniden ayarladığınızda,画布ın içeriği temizlenecektir (sayfa altındaki örneğe bakın).

Lütfen bizim HTML Canvas Eğitimi burada <canvas> ögesi hakkında daha fazla bilgi edinin.

Örnek

Örnek 1

Yükseklik ve genişlik her ikisi de 200 piksel olan <canvas> ögesi:

<canvas id="myCanvas" width="400" height="400" style="border:1px solid">

Kişisel olarak deneyin

Örnek 2

画布ı silmek için yükseklik özelliğini 300px olarak ayarlayın (JavaScript kullanarak):

<canvas id="myCanvas" width="400" height="400" style="border:1px solid"></canvas>
<script>
var c = document.getElementById("myCanvas");
var ctx = c.getContext("2d");
ctx.fillStyle = "#0192B9";
ctx.fillRect(50, 50, 300, 300);
function clearCanvas() {
  c.height = 400;
}
</script>

Kişisel olarak deneyin

Sözdizimi

<canvas height="pixels">

Özellik Değeri

Değer Açıklama
pixels Canvasta belirtilen yüksekliği piksel cinsinden belirler (örneğin “100”). Varsayılan değeri 150’dır.

Tarayıcı Desteği

Tablo içindeki rakamlar, bu özelliği tam olarak destekleyen ilk tarayıcı sürümünü belirtmektedir.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
4.0 9.0 2.0 3.1 9.0

HTML <canvas> Etiketi