HTML5 Düzenli SVG

HTML5, yanyüze SVG'yi destekler.

SVG nedir?

  • SVG, Uygunluğuna Dayalı 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 boyutlandırılırken 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ılmış SVG'yi destekler.

SVG'yi doğrudan HTML sayfasına gömmek

HTML5'te, SVG öğelerini doğrudan HTML sayfasına gömmeyebilirsiniz:

Ö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>

Kendi Kendine Deneyin

Sonuç:

SVG Eğitimi

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