HTML <svg> Etiketi

HTML SVG etiketi ölçeklenebilir vektör grafikleri kısaltmasıdır. HTML SVG, XML’deki grafikleri tanımlamak için kullanılan modüler bir dildir.

SVG görüntüleri ve davranışları XML metin dosyalarında tanımlanmıştır. Böylece, XML dosyaları olarak, metin düzenleyicili bir SVG resmi oluşturabilir ve düzenleyebilirsiniz. 

Bu etiket inkspace gibi çizim programları oluşturmak için tercih edilir.

 

HTML SVG Daire Örnek:

<svg width="100" height="100">  
 <circle cx="60" cy="60" r="50" stroke="blue" stroke-width="3" fill="green" />  
</svg>  

Ekran Çıktısı:

 

HTML SVG Dikdörtgen Örnek:

<svg width="200" height="100">  
  <rect width="180" height="90" stroke="red" stroke-width="3" fill="blue" />  
</svg>  

Ekran Çıktısı:

 

HTML SVG Poligon Örneği:

<svg height="200" width="450">  
  <polygon points="100,10 40,198 190,78 10,78 160,198"  
  style="fill:blue;stroke:green;stroke-width:4;fill-rule:nonzero;" />  
</svg>  

Ekran Çıktısı:

 

Not:

SVG görüntüleri mümkün olan en küçük boyutunda kaydedilebilir. JPG veya PNG gibi görüntülerin aksine sabit bir nokta kümesi içermez. Böylece, yüksek kalitede yazdırmak da kolaydır.

SVG görüntülerini, resim kalitesi bozulmadan belirli seviyede yakınlaştırmak mümkündür.

SVG görüntüleri XML metin dosyaları içerisinde tanımlanır. böylece herhangi bir metin düzenleyici kullanılarak oluşturulur ve düzenlenebilir.



Kimler Neler Demiş?

avatar
  Subscribe  
Bildir