HTML 5 Dersleri 6 - SVG

Merhaba arkadaşlar, bu dersimiz ile SVG dosyaları ve bağlantıları nasıl ve ne için kullanırız onu işleyeceğiz.

Taha Furkan Bayar Taha Furkan Bayar
Ekim 30, 2022 - 22:59 Updated: Kasım 2, 2022 - 10:05
0 83
HTML 5 Dersleri 6 - SVG

HTML 5 SVG Nasıl Kullanılır ?

HTML5 SVG'yi kullanmanızı sağlar.

SVG Nedir ?

  • SVG Scalable Vector Graphics açılımı ile açıklanır. Türkçe olarak ise Skala edilebilir Vektörel Grafikler anlamına gelir.
  • SVG vectorel grafikleri tanımlamak için kullanılır.
  • SVG vektörleri XML formatında belirtir.
  • SVG vektörleri yakınlaştırma ve uzaklaştırma işlemine rağmen kalitesi düşmez.
  • SVG dokümanları içindeki tüm elementler ve nitelikler animasyonlaştırılabilir.

SVG Faydaları

  • SVG görselleri sıradan bir metin editörü ile oluşturulabilme kolaylığına sahiptir.
  • SVG görselleri kolay aranabilir. Javascript kodları ile yazılabilir.
  • SVG yüksek kalitede yazıcılarda baskı için kullanılabilir.

SVG Doğrudan Nasıl HTML Sayfasına Eklenir ?

<!DOCTYPE html>
<html>
<body>

<svg width="300" height="200">
  <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>

Etiketler: