SVG Eğitimi

SVG Bu, ölçeklenebilir vektör görseli (Scalable Vector Graphics) anlamına gelir

SVG Bu XML Vektörel tabanlı grafiklerin formatını tanımlar.

Her bölümdeki örnekler

Kendi 'Kişisel Olarak Deneyin' düzenleyicimizi kullanarak SVG'yi düzenleyebilir ve ardından düğmeye tıklayarak sonuçları görebilirsiniz.

SVG Örnekleri

<html>
<body>
<h1>İlk SVG'ım</h1>
<svg width="100" height="100">
  <circle cx="50" cy="50" r="40" stroke="green" stroke-width="4" fill="yellow" />
</svg>
</body>
</html>

Kişisel olarak deneyin

Temel bilgi

Devam etmeden önce, aşağıdaki içeriklere bazı temel bilgi sahibi olmanız gerekmektedir:

  • HTML
  • Temel XML

Bu içerikleri öğrenmek istiyorsanız, ana sayfamızdaki ilgili derslere göz atın.

Ne demek? SVG?

  • SVG Bu, ölçeklenebilir vektör görseli (Scalable Vector Graphics) anlamına gelir
  • SVG Vektörel Web grafiklerini tanımlamak için kullanılır
  • SVG XML formatında grafik tanımlanır
  • SVG Dosya içindeki her bir öğe ve her bir özellik animasyonlandırılabilir
  • SVG W3C tavsiye standartıdır
  • SVG diğer W3C standartları ile entegre edilir, örneğin DOM ve XSL

SVG W3C tavsiye standartıdır

SVG 1.0 2001 yılının 4 Eylül tarihinde W3C tavsiye standartı haline geldi.

SVG 1.1 2003 yılının 14 Ocak tarihinde W3C tavsiye standartı haline geldi.

SVG 1.1 (İkinci sürüm) 2011 yılının 16 Ağustos tarihinde W3C tavsiye standartı haline geldi.

SVG Avantajları

JPEG ve GIF gibi diğer görsel formatları ile karşılaştırıldığında, SVG Avantajları:

  • SVG Görseller herhangi bir metin düzenleyici kullanılarak oluşturulabilir ve düzenlenebilir
  • SVG Görseller arama, indeksleme, betikleme ve sıkıştırma edilebilir
  • SVG Görseller genişletilebilir
  • SVG Görseller herhangi bir çözünürlükte yüksek kaliteli olarak yazdırılabilir
  • SVG Görseller ölçeklenebilir
  • SVG Görseller, ölçeklendirme veya büyütme sırasında kalite kaybı yaşamaz
  • SVG bir açık standarttır
  • SVG dosya saf XML

oluşturma SVG görsel

SVG Görseller herhangi bir metin düzenleyici kullanılarak oluşturulabilir, ancak çizim programı (örneğin InkscapeSVG görseller oluşturmak genellikle daha kolaydır.