Ölçeklendirilebilir Vektör Grafiği - Scalable Vector Graphics

ölçeklendirilebilir Vektör Grafiği
ölçeklendirilebilir Vektör Grafiği
	sXBL; SVG Çalışma Grubu; SVG filtre efektleri; Hassas Grafik İşaretleme Dili; Vektör İşaretleme Dili; XHTML+MathML+SVG; SVG animasyonu; Düzen motorlarının karşılaştırılması (SVG);
	v; T; e;

ölçeklendirilebilir Vektör Grafiği
İnternet medya türü	image/svg+xml
Tekdüzen Tip Tanımlayıcısı (UTI)	public.svg-image
Tarafından geliştirilmiş	W3C
İlk sürüm	4 Eylül 2001 (20 yıl önce)
En son sürüm	1.1 (İkinci Baskı) ; (16 Ağustos 2011 ; 10 yıl önce )
Biçim türü	Vektör grafikleri
Genişletilmiş	XML
Standart	W3C SVG'si
Açık biçim ?	Evet
İnternet sitesi	www .w3 .org /Graphics /SVG /

Ölçeklenebilir Vektör Grafikleri ( SVG ), etkileşim ve animasyon desteği ile iki boyutlu grafikler için ( XML ) tabanlı bir vektör görüntü formatıdır . SVG spesifikasyonu, 1999'dan beri World Wide Web Consortium (W3C) tarafından geliştirilen açık bir standarttır .

SVG görüntüleri ve davranışları XML metin dosyalarında tanımlanır. Bu, bunların aranabileceği , dizine eklenebileceği , komut dosyası oluşturulabileceği ve sıkıştırılabileceği ve kalite kaybı olmadan boyut olarak ölçeklenebileceği anlamına gelir . XML dosyaları olarak, SVG görüntüleri herhangi bir metin düzenleyiciyle ve ayrıca çizim yazılımıyla oluşturulabilir ve düzenlenebilir . En çok kullanılan web tarayıcıları SVG dosyalarını işler .

genel bakış

Bu görüntü, bitmap ve vektör görüntüleri arasındaki farkı gösterir. Bitmap görüntüsü sabit bir piksel kümesinden oluşurken, vektör görüntüsü sabit bir şekil kümesinden oluşur. Resimde, bitmap'i ölçeklendirmek pikselleri ortaya çıkarırken, vektör görüntüsünü ölçeklendirmek şekilleri korur.

SVG, 1998'de vektör grafik dilleri için altı rakip teklifin konsorsiyuma sunulmasından sonra 1999'dan beri World Wide Web Konsorsiyumu (W3C) içinde geliştirilmektedir . İlk SVG Çalışma Grubu, ticari başvurulardan herhangi birini geliştirmeye değil, tarafından bilgilendirilen ancak hiçbirine dayalı olmayan yeni bir biçimlendirme dili.

SVG, üç tür grafik nesnesine izin verir: düz çizgiler ve eğrilerden oluşan yollar ve ana hatlar, bitmap görüntüleri ve metin gibi vektör grafik şekilleri . Grafik nesneler gruplanabilir, biçimlendirilebilir, dönüştürülebilir ve önceden oluşturulmuş nesnelere birleştirilebilir. Özellik seti, iç içe dönüşümler , kırpma yolları , alfa maskeleri , filtre efektleri ve şablon nesneleri içerir. SVG çizimleri etkileşimli olabilir ve SVG XML öğelerinde veya SVG Belge Nesne Modeli'ne (DOM) erişen komut dosyası aracılığıyla tanımlanan animasyon içerebilir . SVG, stil oluşturmak için CSS'yi ve komut dosyası oluşturmak için JavaScript'i kullanır . SVG DOM içinde düz metin olarak görünen uluslararasılaştırma ve yerelleştirme dahil metin , SVG grafiklerinin erişilebilirliğini artırır .

SVG spesifikasyonu 2011'de 1.1 sürümüne güncellendi. İki 'Mobil SVG Profili' vardır, SVG Tiny ve SVG Basic, azaltılmış hesaplama ve görüntüleme yeteneklerine sahip mobil cihazlara yöneliktir . Ölçeklenebilir Vektör Grafikleri 2 , 15 Eylül 2016'da W3C Aday Önerisi haline geldi . SVG 2, SVG 1.1 ve SVG Tiny 1.2'ye ek olarak birkaç yeni özellik içeriyor.

Baskı

SVG Spesifikasyonu öncelikle vektör grafik işaretleme diline odaklansa da , tasarımı Adobe'nin PDF'si gibi bir sayfa açıklama dilinin temel özelliklerini içerir . Zengin grafikler için hükümler içerir ve stil oluşturma amacıyla CSS ile uyumludur . SVG, her glifi ve görüntüyü, yazdırılan bir sayfada seçilen bir konuma yerleştirmek için gereken bilgilere sahiptir.

Komut dosyası ve animasyon

SVG çizimleri dinamik ve etkileşimli olabilir. Öğelerde zamana dayalı değişiklikler SMIL'de açıklanabilir veya bir betik dilinde programlanabilir (örn. JavaScript ). W3C, SVG'de animasyon için standart olarak SMIL'i açıkça önerir.

Eylemleri ve olayları uygulamak için herhangi bir SVG grafik nesnesine " onmouseover" ve " onclick" gibi zengin bir olay işleyici seti atanabilir.

Sıkıştırma

XML olan SVG görüntüleri, birçok tekrarlanan metin parçası içerir, bu nedenle kayıpsız veri sıkıştırma algoritmaları için çok uygundurlar . Bir SVG görüntüsü gzip algoritmasıyla sıkıştırıldığında , "SVGZ" görüntüsü olarak adlandırılır ve ilgili .svgzdosya adı uzantısını kullanır . SVG 1.1'e uygun görüntüleyiciler sıkıştırılmış görüntüleri gösterecektir. Bir SVGZ dosyası genellikle orijinal boyutunun yüzde 20 ila 50'si kadardır. W3C, uygunluğu test etmek için SVGZ dosyaları sağlar.

Geliştirme geçmişi

SVG, W3C SVG Çalışma Grubu tarafından, o yıl altı rakip vektör grafik başvurusu alındıktan sonra, 1998'de başlayarak geliştirildi :

CCLRC'den Web Şemaları
PGML , Adobe Systems , IBM , Netscape ve Sun Microsystems'den
VML , Autodesk , Hewlett-Packard , Macromedia , Microsoft ve Vision
Hyper Graphics Markup Language (HGML), Orange UK ve PRP tarafından
WebCGM , Boeing , InterCAP Graphics Systems , Inso Corporation , CCLRC ve Xerox'tan
Excosoft AB'den DrawML

Çalışma grubuna o sırada W3C'den Chris Lilley başkanlık ediyordu .

Sürüm 1.x

SVG 1.0 , 4 Eylül 2001'de bir W3C Tavsiyesi oldu .
SVG 1.1, 14 Ocak 2003'te bir W3C Tavsiyesi haline geldi. SVG 1.1 spesifikasyonu, alt kümelerin profil olarak tanımlanmasına izin vermek için modülerleştirildi. Bunun dışında SVG 1.1 ile SVG 1.0 arasında çok az fark vardır.
- SVG Tiny ve SVG Basic (Mobil SVG Profilleri), 14 Ocak 2003'te W3C Önerileri haline geldi. Bunlar, SVG 1.1 profilleri olarak tanımlanmaktadır.
SVG Tiny 1.2, 22 Aralık 2008'de bir W3C Tavsiyesi haline geldi. Başlangıçta planlanan SVG Full 1.2'nin bir profili olarak tasarlandı (o zamandan beri SVG 2 lehine düşürüldü), ancak daha sonra bağımsız bir spesifikasyon olarak yeniden düzenlendi. Genellikle zayıf desteklenir.
Tüm yazım hatalarını ve açıklamaları içeren ancak orijinal SVG 1.1'de hiçbir yeni özellik içermeyen SVG 1.1 İkinci Sürüm, 16 Ağustos 2011'de yayınlandı.
SVG Tiny 1.2 Portable/Secure, 29 Temmuz 2020'de IETF taslak standardı olarak tanıtılan SVG Tiny 1.2 profilinin daha güvenli bir alt kümesi. SVG Tiny P/S olarak da bilinir. SVG Tiny 1.2 Portable/Secure, BIMI taslak standardının bir gereğidir .

Versiyon 2

SVG 2, SVG 1.1'in bazı özelliklerini kaldırır veya kullanımdan kaldırır ve HTML5 ve Web Açık Yazı Tipi Formatından yeni özellikler içerir :

Örneğin, SVG 2 glyphve gibi çeşitli yazı tipi öğelerini kaldırır altGlyph(WOFF yazı tipi biçimiyle değiştirilir).
xml:spaceNitelik CSS lehine kaldırılmıştır.
translateve data-*nitelikleri gibi HTML5 özellikleri eklendi.
SVG Tiny 1.2'den gelen metin işleme özellikleri, eklenecek şekilde açıklamalıdır, ancak henüz metinde resmileştirilmemiştir. Diğer bazı 1.2 özellikler de özenle seçilmiştir, ancak SVG 2 genel olarak SVG minik 1.2'nin bir üst kümesi değildir.

SVG 2, 15 Eylül 2016'da Aday Öneri aşamasına ulaştı ve revize edilmiş versiyonları 7 Ağustos 2018 ve 4 Ekim 2018'de yayınlandı. En son taslak 8 Haziran 2021'de yayınlandı.

Mobil profiller

Sektördeki talep nedeniyle, SVG 1.1 ile iki mobil profil tanıtıldı: SVG Tiny (SVGT) ve SVG Basic (SVGB).

Bunlar, tam SVG standardının alt kümeleridir ve esas olarak sınırlı yeteneklere sahip kullanıcı aracılarına yöneliktir . Özellikle SVG Tiny, cep telefonları gibi oldukça kısıtlı mobil cihazlar için tanımlandı ; stil veya komut dosyası oluşturmayı desteklemez. SVG Basic, akıllı telefonlar gibi üst düzey mobil cihazlar için tanımlanmıştır .

2003 yılında, uluslararası bir telekomünikasyon standartları grubu olan 3GPP , yeni nesil telefonlar için zorunlu vektör grafik medya formatı olarak SVG Tiny'yi benimsedi. SVGT, gerekli vektör grafik formatıdır ve SVGB desteği, Multimedya Mesajlaşma Hizmeti (MMS) ve Paket Anahtarlamalı Akış Hizmeti için isteğe bağlıdır . Daha sonra 3GPP IP Multimedya Alt Sisteminde (IMS) vektör grafikleri için gerekli format olarak eklendi .

Mobil olmayan SVG'den farklılıklar

Her iki mobil profil de tam Belge Nesne Modeli (DOM) için destek içermezken, yalnızca SVG Basic komut dosyası oluşturma için isteğe bağlı desteğe sahiptir, ancak bunlar tam standardın tam uyumlu alt kümeleri olduklarından, çoğu SVG grafiği yalnızca mobil profiller.

SVGT 1.2, bir microDOM (μDOM), stil ve komut dosyası ekler.

Alakalı iş

MPEG-4 bölüm 20 , standart - Hafif Uygulama Sahne Temsil (lazer) ve Basit Toplama biçimi (SAF) küçük SVG dayanmaktadır. MPEG ( ISO/IEC JTC1 /SC29/WG11) tarafından geliştirilmiş ve ISO/IEC 14496-20:2006 olarak yayınlanmıştır. SVG yetenekleri, dinamik güncellemeler, ikili kodlama, son teknoloji yazı tipi gösterimi gibi mobil hizmetler için temel özelliklerle MPEG-4 Bölüm 20'de geliştirilmiştir. SVG ayrıca MPEG-4 Bölüm 11'de , Genişletilebilir MPEG-4 Metinsel (XMT) biçiminde - MPEG-4 multimedya içeriğinin XML kullanılarak metinsel bir temsilinde - yerleştirildi .

işlevsellik

SVG 1.1 spesifikasyonu, 14 fonksiyonel alan veya özellik seti tanımlar:

yollar: Basit veya bileşik şekil ana hatları, doldurulabilen, ana hatları çizilebilen veya kırpma yolu olarak kullanılabilen eğri veya düz çizgilerle çizilir . Yolların kompakt bir kodlaması vardır.; Örneğin, M("move to" için) ilk sayısal x ve y koordinatlarından önce gelir ve L("line to" için) bir çizgi çizilmesi gereken bir noktadan önce gelir. Diğer komut harfleri ( C, S, Q, T, ve A) çeşitli Bézier ve eliptik eğriler çizmek için kullanılan verilerden önce gelir . Zyolu kapatmak için kullanılır.; Her durumda, mutlak koordinatlar büyük harf komutlarını takip eder ve göreceli koordinatlar, eşdeğer küçük harflerden sonra kullanılır.
Basit şekiller: Düz çizgi yolları ve bir dizi bağlantılı düz çizgi parçasından (çoklu çizgiler) oluşan yollar ve ayrıca kapalı çokgenler, daireler ve elipsler çizilebilir. Dikdörtgenler ve yuvarlak köşeli dikdörtgenler de standart elemanlardır.
Metin: Bir SVG dosyasına dahil edilen Unicode karakter metni, XML karakter verisi olarak ifade edilir . Birçok görsel efekt mümkündür ve SVG belirtimi, çift yönlü metni (örneğin İngilizce ve Arapça metnin bir kombinasyonunu oluşturmak için), dikey metni (Çince'nin tarihsel olarak yazıldığı gibi) ve kavisli bir yol boyunca karakterleri (örneğin, etrafındaki metin gibi) otomatik olarak işler. Amerika Birleşik Devletleri Büyük Mührü'nün kenarı ).
Tablo: SVG şekilleri doldurulabilir ve ana hatları çizilebilir (renk, degrade veya desenle boyanabilir). Dolgular opak olabilir veya herhangi bir şeffaflık derecesine sahip olabilir.; "İşaretçiler", bir çokgenin köşelerinde görünebilen ok uçları veya semboller gibi satır sonu özellikleridir.
Renk: Renk ya doğrudan ya da ile, tüm görünür SVG elemanlara uygulanabilir fill, strokeve diğer özellikleri. Renkler, BB2'dekiyle aynı şekilde , yani blackveya gibi adlar kullanılarak blue, veya gibi onaltılık olarak , ondalık olarak #2f0veya formun yüzdeleri olarak belirtilir .#22ff00rgb(255,255,127)rgb(100%,100%,50%)
Gradyanlar ve desenler: SVG şekilleri, yukarıdaki gibi düz renklerle veya renk gradyanları veya yinelenen desenlerle doldurulabilir veya ana hatları çizilebilir. Renk gradyanları doğrusal veya radyal (dairesel) olabilir ve herhangi bir sayıda rengin yanı sıra tekrarları içerebilir. Opaklık gradyanları da belirtilebilir. Desenler tekrar önceden tanımlanmış Tarama ya da vektör grafik nesneleri, dayanır xve ytarifi. Degradeler ve desenler canlandırılabilir ve komut dosyası oluşturulabilir.; 2008'den beri, SVG'nin profesyonel kullanıcıları arasında, ya gradyan ağlarının ya da tercihen difüzyon eğrilerinin SVG spesifikasyonuna faydalı bir şekilde eklenebileceği konusunda tartışmalar olmuştur . "Basit bir temsilin [difüzyon eğrilerini kullanarak] çok ince gölgeleme efektlerini bile temsil edebildiği" ve "Difüzyon eğrisi görüntülerinin hem kalite hem de kodlama verimliliği açısından gradyan ağlarla karşılaştırılabilir olduğu, ancak oluşturulmasının daha basit olduğu (birkaç kişiye göre) söylenir. her iki aracı da kullanan sanatçılar) ve bitmap'lerden tamamen otomatik olarak yakalanabilir." SVG 2'nin mevcut taslağı, degrade kafesleri içerir.
Kırpma, maskeleme ve birleştirme: Metin, yollar, temel şekiller ve bunların kombinasyonları da dahil olmak üzere grafik öğeler, her ikisi de tanımlamak için ana hatları olarak kullanılabilir iç ve dış bağımsız olarak (renk geçişlerini ve desenler ile birlikte) boyanabilir bölgeleri. Tam opak kırpma yolları ve yarı transparan maskeler edilir birleştirilmiş kullanılarak, nihai görüntünün her pikselin rengini ve opaklığı hesaplamak için bir araya alfa harmanlama.
Filtre efektleri: Ana madde: SVG filtre efektleri; Bir filtre efekti, değiştirilmiş bir bit eşlemli sonuç üretmek için belirli bir kaynak vektör grafiğine uygulanan bir dizi grafik işleminden oluşur .
etkileşim: SVG görüntüleri, kullanıcılarla birçok şekilde etkileşime girebilir. Aşağıda belirtildiği gibi köprülere ek olarak, bir SVG görüntüsünün herhangi bir bölümü, odaktaki değişiklikler , fare tıklamaları, görüntüyü kaydırma veya yakınlaştırma ve diğer işaretçi, klavye ve belge olayları gibi kullanıcı arabirimi olaylarına açık hale getirilebilir . Olay işleyicileri, bu tür olaylara yanıt olarak animasyonları başlatabilir, durdurabilir veya değiştirebilir ve komut dosyalarını tetikleyebilir.
bağlama: SVG görüntüleri, XLink kullanarak diğer belgelere köprüler içerebilir . Kullanımı sayesinde <view>elemanı veya bir parçası tanımlayıcı , URL'ler belgenin görünür alanını değiştirmek SVG dosyalarına bağlayabilirsiniz. Bu, belirli bir alanı yakınlaştırmak/uzaklaştırmak veya görünümü belirli bir öğeyle sınırlamak için kullanılan belirli görünüm durumları oluşturmaya izin verir. Bu, sprite oluştururken yararlıdır . Öğeyle birlikte XLink desteği, <use>dahili ve harici öğelere bağlantı kurulmasına ve yeniden kullanılmasına da olanak tanır. Bu, kodlayıcıların daha az biçimlendirme ile daha fazlasını yapmasına olanak tanır ve daha temiz kod sağlar.
komut dosyası: Bir SVG belgesinin tüm yönlerine HTML'ye benzer şekilde komut dosyaları kullanılarak erişilebilir ve bunlar üzerinde değişiklik yapılabilir. Varsayılan komut dosyası dili JavaScript'tir ve her SVG öğesi ve özniteliği için tanımlanmış Belge Nesne Modeli (DOM) nesneleri vardır. Komut dosyaları <script>öğeler içine alınır . Gerektiğinde işaretçi olaylarına, klavye olaylarına ve belge olaylarına yanıt olarak çalışabilirler.
Animasyon: Ana madde: SVG animasyonu; SVG içeriği <animate>, <animateMotion>ve gibi yerleşik animasyon öğeleri kullanılarak canlandırılabilir <animateColor>. ECMAScript ve komut dosyası dilinin yerleşik zamanlayıcıları kullanılarak DOM işlenerek içerik canlandırılabilir. SVG animasyonu, Senkronize Multimedya Entegrasyon Dilinin (SMIL) mevcut ve gelecekteki sürümleriyle uyumlu olacak şekilde tasarlanmıştır . Animasyonlar sürekli olabilir, döngü ve tekrar edebilirler ve yukarıda bahsedildiği gibi kullanıcı olaylarına yanıt verebilirler.
Yazı Tipleri: HTML ve CSS'de olduğu gibi, SVG'deki metin, sistem yazı tipleri gibi harici yazı tipi dosyalarına başvurabilir. SVG dosyasının oluşturulduğu makinede gerekli yazı tipi dosyaları yoksa, metin istendiği gibi görünmeyebilir. Bu sınırlamanın üstesinden gelmek için, metin bir SVG yazı tipinde görüntülenebilir , burada gerekli glifler SVG'de daha sonra <text>öğeden referans verilen bir yazı tipi olarak tanımlanır .
meta veri: Uygun olarak W3C 'nin Semantik Web girişimi SVG yazarlar sağlamamıza olanak tanır meta SVG içeriği hakkında. Ana özellik, <metadata>belgenin Dublin Core meta veri özellikleri (örn. başlık, yaratıcı/yazar, konu, açıklama, vb.) kullanılarak tanımlanabileceği öğedir . Diğer meta veri şemaları da kullanılabilir. Ek olarak, SVG, yazarların bir dizi yolla indeksleme, arama ve geri almaya yardımcı olmak için bir SVG görüntüsü içinde düz metin açıklayıcı materyal sağlayabileceği tanımlar <title>ve <desc>öğeler.

Bir SVG belgesi, şekiller, degradeler vb. dahil bileşenleri tanımlayabilir ve bunları tekrar tekrar kullanabilir. SVG görüntüleri, PNG ve JPEG görüntüleri gibi raster grafikleri ve diğer SVG görüntülerini de içerebilir .

Örnek

Bu kod, ızgara ve etiketler hariç, resimde gösterilen renkli şekilleri üretecektir:

<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg width="391" height="391" viewBox="-70.5 -70.5 391 391" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<rect fill="#fff" stroke="#000" x="-70" y="-70" width="390" height="390"/>
<g opacity="0.8">
	<rect x="25" y="25" width="200" height="200" fill="lime" stroke-width="4" stroke="pink" />
	<circle cx="125" cy="125" r="75" fill="orange" />
	<polyline points="50,150 50,200 200,200 200,100" stroke="red" stroke-width="4" fill="none" />
	<line x1="50" y1="50" x2="200" y2="200" stroke="blue" stroke-width="4" />
</g>
</svg>

Web'de SVG

KOMPAS-Graphic'ten dışa aktarılan SVG [ Wikidata ]

SVG'nin web üzerinde kullanımı, Internet Explorer'ın (IE) eski sürümlerinde destek olmaması nedeniyle sınırlıydı . SVG görüntüleri sunan birçok web sitesi, görüntüleri ya otomatik olarak HTTP içerik anlaşması yoluyla ya da kullanıcının doğrudan dosyayı seçmesine izin vererek raster biçiminde sağlar.

Google , 31 Ağustos 2010'da, ister bağımsız dosyalarda ister HTML'de gömülü olsun, web'deki SVG içeriğini dizine eklemeye başladığını ve kullanıcıların bu tür içerikleri arama sonuçlarında listelemeye başlayacağını duyurdu. 8 Aralık 2010'da Google Görsel Arama'nın da SVG dosyalarını endekslemeye başlayacağı açıklandı. Site, 11 Şubat 2011'de görsel aramalarını SVG dosyalarıyla kısıtlama seçeneğini duyurdu.

Yerel tarayıcı desteği

Konqueror , Şubat 2004'teki sürüm 3.2'de SVG'yi destekleyen ilk tarayıcıydı. 2011 itibariyle, tüm büyük masaüstü tarayıcıları ve birçok küçük tarayıcı, bir düzeyde SVG desteğine sahiptir. Diğer tarayıcıların uygulamaları henüz tamamlanmadı; bkz düzen motorların karşılaştırılması daha detaylı bilgi için.

Firefox'un bazı eski sürümleri (örneğin, 1.5 ve 3.6 arasındaki sürümler) ve SVG grafiklerini görüntüleyebilen, artık güncelliğini yitirmiş diğer web tarayıcılarının bir kısmı, bunların bir HTML web sayfasının parçaları olarak entegre edilmiş olarak görüntülenmesi için bunların içine gömülü <object>veya <iframe> öğelere ihtiyaç duyuyordu . ile görüntüleri entegre etmenin standart yolunu kullanarak <img>. Ancak, SVG görüntüleri, XML ad alanları kullanılarak XHTML sayfalarına dahil edilebilir .

World Wide Web'in mucidi Tim Berners-Lee , SVG'yi desteklemediği için Internet Explorer'ın ilk sürümlerini eleştirdi.

Opera (8.0'dan beri) SVG 1.1 Tiny spesifikasyonunu desteklerken Opera 9, SVG 1.1 Temel desteği ve SVG 1.1 Full'un bir kısmını içerir. Opera 9.5, kısmi SVG Tiny 1.2 desteğine sahiptir. Ayrıca SVGZ'yi (sıkıştırılmış SVG) destekler.
Gecko yerleşim motorunu temel alan tarayıcıların ( Firefox , Flock , Camino ve SeaMonkey gibi ) tümü, 2005'ten bu yana SVG 1.1 Tam spesifikasyonu için eksik desteğe sahiptir. Mozilla sitesinde, Firefox'ta desteklenen modüllere ve geliştirilmekte olan modüller. Firefox 3.0'da bulunan Gecko 1.9, daha fazla SVG özelliği (filtreler dahil) için destek ekler.
Goanna düzeni motorunu ( Gecko motorunun bir çatalı) kullanan Pale Moon , SVG'yi destekler.
Dayalı Tarayıcılar WebKit (örneğin , Apple 'ın Safari , Google Chrome ve Omni Grubu'nun ' ın OmniWeb ) 2006 yılından bu yana SVG 1.1 Tam şartname için eksik destek oldu.
Amaya'nın kısmi SVG desteği var.
Internet Explorer 8 ve daha eski sürümleri SVG'yi desteklemez. IE9 (14 Mart 2011'de yayınlandı) temel SVG özellik setini destekler. IE10, SVG 1.1 filtreleri ekleyerek SVG desteğini genişletti.
Microsoft Edge, SVG 1.1'i destekler.
Maxthon Bulut Tarayıcısı da SVG'yi destekler.

Yerel ve tam desteğin çeşitli avantajları vardır: eklentilere gerek yoktur, SVG tek bir belgede diğer içerikle serbestçe karıştırılabilir ve oluşturma ve komut dosyası oluşturma önemli ölçüde daha güvenilir hale gelir.

Mobil destek

SVG Tiny (SVGT) 1.1 ve 1.2, SVG için mobil profillerdir. SVGT 1.2, Opera, Firefox ve WebKit gibi bazı SVG 1.1 uygulamaları tarafından desteklenen ölçeklendirmesiz vuruşlar dahil SVG 1.1'de bulunmayan bazı özellikleri içerir. Masaüstü ve mobil tarayıcılar arasında paylaşılan kod tabanları arttıkça, SVG 1.1'in SVGT 1.2'ye göre kullanımı da arttı.

SVG desteği, daha eski veya daha sınırlı akıllı telefonlarda SVGT ile sınırlı olabilir veya öncelikle ilgili işletim sistemleriyle sınırlandırılabilir. Adobe Flash Lite , 1.1 sürümünden bu yana isteğe bağlı olarak SVG Tiny'yi destekler. SVG Open 2005 konferansında Sun , Connected Limited Device Configuration (CLDC) platformu için SVG Tiny 1.1'in mobil uygulamasını gösterdi .

Opera Mobile kullanan cep telefonlarının yanı sıra iPhone'un yerleşik tarayıcısı da SVG desteği içerir. Ancak, WebKit motorunu kullanmasına rağmen , Android yerleşik tarayıcısı v3.0'dan (Honeycomb) önce SVG'yi desteklemiyordu. Sürüm 3.0'dan önce, Android için Firefox Mobile 4.0b2 (beta), varsayılan olarak SVG'yi destekleyen Android altında çalışan ilk tarayıcıydı.

Mevcut SVG Tiny desteğinin düzeyi, kurulu SVG motoruna bağlı olarak mobilden mobile değişir. Birçok yeni mobil ürün, degrade ve opaklık gibi SVG Tiny 1.1'in ötesinde ek özellikleri destekler; buna bazen "SVGT 1.1+" denir, ancak böyle bir standart yoktur.

RIM 'in BlackBerry yerleşik destek SVG Tiny 1.1 sürüm 5.0 beri. OS 6 ve 7'de WebKit tabanlı BlackBerry Torch tarayıcı desteği devam ediyor.

Nokia 'nın S60 platformu yerleşik SVG desteği. Örneğin, simgeler genellikle platformun SVG motoru kullanılarak oluşturulur. Nokia ayrıca SVG sunumu ve manipülasyonu için Java ME API'sini tanımlayan JSR 226: Ölçeklenebilir 2D Vektör Grafikleri API uzman grubunu da yönetmiştir. Bu API, S60 Platform 3rd Edition Özellik Paketi 1 ve sonrasında uygulanmıştır. Bazı Series 40 telefonları da SVG'yi destekler ( Nokia 6280 gibi ).

K700 ile başlayan çoğu Sony Ericsson telefonu (yayınlanma tarihine göre) SVG Tiny 1.1'i destekler. K750 ile başlayan telefonlar , opaklık ve gradyan gibi özellikleri de destekler. Sony Ericsson Java Platform-8'e sahip telefonlar JSR 226'yı destekler.

Windows Phone , 7.5 sürümünden beri SVG'yi desteklemektedir.

SVG ayrıca Motorola , Samsung , LG ve Siemens mobile / BenQ-Siemens'in çeşitli mobil cihazlarında da desteklenmektedir . Esas olarak gömülü cihazlar için yazılmış bir SVG işleme kitaplığı olan eSVG, bazı mobil platformlarda kullanılabilir.

Uygulama desteği

SVG görüntüleri, Inkscape , Adobe Illustrator , Adobe Flash Professional veya CorelDRAW gibi bir vektör grafik düzenleyicisi kullanılarak üretilebilir ve aynı yazılım kullanılarak PNG gibi yaygın raster görüntü biçimlerine dönüştürülebilir . Ayrıca, Inkscape ve Boxy SVG gibi editörler, tipik olarak potrace , autotrace ve imagetracerjs gibi görüntü izleme arka uçlarını kullanarak raster görüntüleri Bézier eğrilerine kadar izlemek için araçlar sağlar .

Yazılım , hafif sistemler için 2000'den beri GNOME tarafından kullanılan librsvg , 2020'den beri Batik veya ThorVG gibi bir kitaplık kullanılarak SVG görüntülerini oluşturmak üzere programlanabilir . SVG görüntüleri, ücretsiz bir komut satırı yardımcı programı olan ImageMagick (başlık altında librsvg'yi de kullanır) kullanılarak istenen herhangi bir popüler görüntü formatına dönüştürülebilir .

SVG'nin diğer kullanımları arasında sözcük işlemede (örneğin LibreOffice ile ) ve masaüstü yayıncılığında (örneğin Scribus ) kullanım için yerleştirme, grafikleri çizme (örneğin gnuplot ) ve yolları içe aktarma (örneğin GIMP veya Blender'da kullanım için ) yer alır. Microsoft 365 ve Microsoft Office 2019 uygulama hizmetleri , SVG görüntülerini dışa aktarma, içe aktarma ve düzenleme için destek sunar. Üniforma Tip SVG Apple tarafından kullanılan içindir public.svg-imageve uygundur etmek public.imageve public.xml.

Ayrıca bakınız

Referanslar

Dış bağlantılar

W3C SVG sayfası spesifikasyonları, uygulamaların listesi
SVG Interest Group himayesinde W3C SVG astar W3C Primer (taslak)
Ölçeklenebilir Vektör Grafikleri at Curlie

Languages

In other projects