SVG nerelerde kullanılabilir?

SVG kullanımını anlatmadan önce, SVG neler içerebilir hatırlayalım.

• Yöneylerden (vektörlerden) oluşturulmuş yol (path) ve yüzeyler (shape).

• Metinler

• ikieşlemli (biteşlem / bitmap) resimler.

SVG, tüm bu çizim öğelerini düzenleyebilir, gruplandırabilir, canlandırabilir, özel etkiler uygulayabilir.
Yol ve diğer çizim öğelerinin birlikte kullanımına bir örnek verelim.

Örnek SVG çizim Inkscape kullanılarak yapıldı.

SVG çizimi oluşturduk peki nerede kullanacağız?

Çizimi, dosyaadı.svg olarak kaydedebiliriz.
Böylece dosyayı, bildiğimiz resim türlerinini kullanıldığı belgeler, sunumlar, web sayfalarına ekleyebiliriz.İstediğimiz ölçüde büyütüp küçülterek ikieşlemli (bitmap) olarak kaydedebiliriz. (ör: .png)

SVG çizimi XHTML olarak düzenlenmiş bir sayfaya doğrudan ekleyebiliriz.
Normalde ağ sayfalarına, farklı çizim çeşitleri, <img>, <embed>, <object>, background-image:url"dosyaadi.svg" gibi yöntemlerle eklenir. İşte tam burada ezberimizi bozalım. SVG çizimi sayfaya doğrudan yazabiliriz. Böylece dışarıdan herhangi bir dosya çağırmaya gerek kalmadan, SVG çizimi sayfanın bir öğesi gibi tanımlanarak eklenir.

Bir sayfa gibi düzenlenmiş SVG çizimimizi tarayıcı ile doğrudan çağırabiliriz.
Unutmayın ki SVG içine Javascript betikleri gömülebilir. Tanımlanmış öğeler ve özellikleri değiştirilebilir, kullanıcıyla etkileşimi sağlanabilir.
İşte çarpıcı bir örnek .

Tüm bu konularla ilgili örnekler hazırlandıkça içeriğe eklencek.