HTML canvas Etiketi
<canvas> Etiketi
Örnek
canvas etiketleri arasına mavi bir kare çizimi:
<script>
var c = document.getElementById("myCanvas");
var ctx = c.getContext("2d");
ctx.fillStyle = "#3059D6";
ctx.fillRect(0, 0, 80, 100);
</script>
<canvas> Tanımı ve Kullanımı
<canvas> etiketi genellikle JavaScript ile komut dizisi oluşturma yoluyla grafikler çizmek için kullanılır.
<canvas> elementinin kendi başına çizim özelliği yoktur. Canvas, grafikler için sadece taşıyıcı görevi görür. Grafikleri çizebilmek için bir komut dili kullanmalısınız. (JavaScript gibi)
Tarayıcı Desteği
Tablodaki sayılar canvas elementini tamamen destekleyen ilk tarayıcı versiyonunu ifade ediyor.
| Element | ||||||
|---|---|---|---|---|---|---|
| <canvas> | 4.0 | 12.0 | 9.0 | 2.0 | 3.1 | 9.0 |
HTML 4.01 ile HTML5 arasındaki farklar
<canvas> etiketi HTML5'te yenidir.
İpuçları ve Notlar
Not: <canvas> etiketleri arasındaki yazı, canvas elementini desteklemeyen tarayıcılarda görünür.
İpucu: Canvas nesnesiyle birlikte kullanılabilen tüm özellikleri ve metodları incelemek için HTML Canvas Referans sayfamızı ziyaret edebilirsiniz.
Özellikler
| Özellik | Değer | Tanım |
|---|---|---|
| height | piksel | Canvas yüksekliğini belirler |
| width | piksel | Canvas genişliğini belirler |
Standart Özellikler
<canvas> etiketi Standart Özellikleri desteklemektedir.
HTML Standart Özellikler'i inceleyebilirsiniz.
Olay Özellikleri
<canvas> etiketi Olay Özelliklerini desteklemektedir.
HTML Olay Özellikleri'ni inceleyebilirsiniz.
Yorumlar
Yorum Gönder