HTML5 Düzenli SVG

HTML5, içe aktarılan SVG'yi destekler.

SVG nedir?

  • SVG, Uzunluğu Değişebilir Vektörel Grafikler (Scalable Vector Graphics)
  • SVG, ağ tabanlı vektörel grafikleri tanımlamak için kullanılır
  • SVG, grafikleri XML formatında tanımlamak için kullanılır
  • SVG görseller, büyütülür veya boyut değiştirildiğinde grafik kalitesi kaybetmez
  • SVG, World Wide Web Consortium standartıdır

SVG Avantajları

JPEG ve GIF gibi diğer görsel formatlarıyla karşılaştırıldığında SVG'nin avantajları şunlardır:

  • SVG görseller, metin düzenleyicileri ile oluşturulabilir ve değiştirilebilir
  • SVG görseller arama, indeksleme, betikleme veya sıkıştırma edilebilir
  • SVG esnek
  • SVG görseller, herhangi bir çözünürlükte yüksek kalitede basılabilir
  • SVG, görsel kalite düşmeden büyütülebilir

Tarayıcı Desteği

Internet Explorer 9, Firefox, Opera, Chrome ve Safari içe aktarılan SVG'yi destekler.

SVG'yi doğrudan HTML sayfasına entegre etme

HTML5'te, SVG öğelerini doğrudan HTML sayfasına entegre edebilirsiniz:

Örnek

<!DOCTYPE html>
<html>
<body>

<svg xmlns="http://www.w3.org/2000/svg" version="1.1" height="190">
  <polygon points="100,10 40,180 190,60 10,60 160,180"
  style="fill:lime;stroke:purple;stroke-width:5;fill-rule:evenodd;" />
</svg>

</body>
</html>

Kişisel olarak deneyin

Sonuç:

SVG Eğitimi

SVG hakkında daha fazla bilgi öğrenmek için sitemizi ziyaret edin SVG Eğitimi.