SVG Eğitimi

SVG, Ölçeklenebilir Vektör Grafikleri anlamına gelir.

SVG, vektör tabanlı grafikleri XML biçiminde tanımlar.


Her Bölümdeki Örnekler

"Kendiniz Deneyin" düzenleyicimizle, SVG'yi düzenleyebilir ve sonucu görüntülemek için bir düğmeyi tıklayabilirsiniz.

SVG Örneği

<html>
<body>

<h1>My first SVG</h1>

<svg width="100" height="100">
  <circle cx="50" cy="50" r="40" stroke="green" stroke-width="4" fill="yellow" />
</svg>

</body>
</html>

Çoktan Biliyor Olman Gereken Şey

Devam etmeden önce, aşağıdakiler hakkında bazı temel bilgilere sahip olmalısınız:

  • HTML
  • Temel XML

Önce bu konuları incelemek istiyorsanız, Ana sayfamızdaki öğreticileri bulun .


SVG nedir?

  • SVG, Ölçeklenebilir Vektör Grafikleri anlamına gelir
  • SVG, Web için vektör tabanlı grafikleri tanımlamak için kullanılır
  • SVG, grafikleri XML biçiminde tanımlar
  • SVG dosyalarındaki her öğe ve her öznitelik canlandırılabilir
  • SVG, bir W3C önerisidir
  • SVG, DOM ve XSL gibi diğer W3C standartlarıyla bütünleşir


SVG, bir W3C Önerisidir

SVG 1.0, 4 Eylül 2001'de bir W3C Tavsiyesi haline geldi.

SVG 1.1, 14 Ocak 2003'te bir W3C Tavsiyesi haline geldi.

SVG 1.1 (İkinci Baskı), 16 Ağustos 2011'de bir W3C Tavsiyesi oldu.


SVG Avantajları

SVG kullanmanın diğer görüntü biçimlerine (JPEG ve GIF gibi) göre avantajları şunlardır:

  • SVG görüntüleri herhangi bir metin düzenleyiciyle oluşturulabilir ve düzenlenebilir
  • SVG görüntüleri aranabilir, dizine eklenebilir, komut dosyası oluşturulabilir ve sıkıştırılabilir
  • SVG görüntüleri ölçeklenebilir
  • SVG görüntüleri herhangi bir çözünürlükte yüksek kalitede basılabilir
  • SVG görüntüleri yakınlaştırılabilir
  • SVG grafikleri, yakınlaştırıldıklarında veya yeniden boyutlandırıldıklarında kalitelerini kaybetmezler.
  • SVG açık bir standarttır
  • SVG dosyaları saf XML'dir

SVG Görüntüleri Oluşturma

SVG görüntüleri herhangi bir metin düzenleyiciyle oluşturulabilir, ancak Inkscape gibi bir çizim programıyla SVG görüntüleri oluşturmak genellikle daha uygundur .