gokhanca

Son zamanlarda web üzerinde .svg uzantılı grafiklerin kullanımı yaygınlaşmaya başladı. Kısaca svg nedir, bahsedeyim. SVG (Scalable Vector Grafik) dosyaları XML tabanlı vektörel resim dosyalarıdır. Vektörel tabanlı oluşu ölçeklemede kolaylık sağladığı gibi dosya büyüklüğü konusunda da çok ciddi bir fayda sağlar. Rahatlıkla Javascript, CSS, XHTML ile birlikte kullanılabilir. HTML ye benzer bir kodlama dili vardır. Bu sebeple web üzerinde kullanımı çok pratiktir.

 

Mesela web sayfamıza bir daire çizmek isteyelim. Aşağıdaki kod ile merkez noktası M(200,100) olan yarıçapı 48 px, siyah çizgili, çizgi kalınlığı 2 px ve içi mavi ile boyanmış bir daire çizilebilir.

<circle cx="200" cy="150" r="48" stroke="black" width="2" fill="blue"/>

Daire çizim bilgileri bu şekilde text olarak saklanabilir. İstendiğinde bir web sayfasının içinden bildiğimiz resim ekleme yöntemlerinin hemen hemen hepsiyle bir resim dosyası gibi çağrılabilir. SVG bu kadar rahat olmasına rağmen bazıları boş durmamış ve paint programına benzer bir web sayfası hazırlamış. Siz çiziminizi mouse ile yaparken aynı anda SVG kodları da otomatik olarak hazırlanıyor.

• serbest el çizimi
• çizgiler, dörtgenler, çokgenler
• katman oluÅŸturma
• ileri - geri seçeneÄŸi
• dışarıdani resim ekleyebilme
• seçme, hareket ettirme, döndürme, boyutlandırma
• renk veya gradient seçebilme
• sürükle-bırak iÅŸlemleri

Adres : http://code.google.com/p/svg-edit/

Demo : http://svg-edit.googlecode.com/svn/branches/2.4/editor/svg-editor.html

Ä°ndir : http://code.google.com/p/svg-edit/downloads/list