SVG Referans Kılavuzu

SVG Elementi

Element Açıklama
<a> SVG elementlerini çevreleyen bağlantıları oluşturun.
<altGlyph> Belirli karakter verilerinin sunumuna kullanılan harflere kontrol sağlayın.
<altGlyphDef> Harf değişiminin kümesini tanımlayın.
<altGlyphItem> Harf değişiminin aday kümesini tanımlayın.
<animate> Elemanın özelliklerinin zamanla nasıl değişeceğini tanımlayın.
<animateMotion> Alıntılanan elementin hareket yolunda hareket ettirin.
<animateTransform> Hedef element üzerindeki dönüşüm özelliklerine animasyon yaparak, animasyon kontrolü sağlar: kaydırma, ölçeklendirme, döndürme ve/veya eğim
<circle> Daire tanımlayın.
<clipPath> Kesim yolunu tanımlayın
<color-profile> Renk profilini tanımlayın (CSS ile belge stili ayarlandığında).
<cursor> Platform bağımsız özelleştirilmiş imleç tanımlayın.
<defs> Alıntılanan elementin konteynerini tanımlayın.
<desc> SVG'deki konteyner elementleri veya grafik elementlerinin saf metin açıklamasını tanımlayın.
<ellipse> Elips tanımlayın.
<feBlend> Belirli bir karışım modunda iki nesneyi bir araya getirin.
<feColorMatrix> SVG Filtre. Matris dönüşümünü uygulayın.
<feComponentTransfer> SVG filtresi. Verilere bileşenlere göre yeniden haritalama gerçekleştirir.
<feComposite> SVG filtresi. İki girdi görüntüsünün akıllı pixel kombinasyonunu gerçekleştirir.
<feConvolveMatrix> SVG filtresi. Matris çarpma filtresi etkisini uygular.
<feDiffuseLighting> SVG filtresi. Aydınlatma görüntüsü, alpha kanalı yükseltme haritası olarak kullanır.
<feDisplacementMap> SVG filtresi. Kaydırma haritası.
<feDistantLight> SVG filtresi. Işık kaynağını tanımlar.
<feFlood> SVG filtresi. Filtre kapsamına doldurma uygular.
<feFuncA> SVG filtresi. Girdi grafiklerinin şeffaflık (alpha) bileşeni için dönüşüm fonksiyonu tanımlar.
<feFuncB> SVG filtresi. Girdi grafiklerinin mavi bileşeni için dönüşüm fonksiyonu tanımlar.
<feFuncG> SVG filtresi. Girdi grafiklerinin yeşil bileşeni için dönüşüm fonksiyonu tanımlar.
<feFuncR> SVG filtresi. Girdi grafiklerinin kırmızı bileşeni için dönüşüm fonksiyonu tanımlar.
<feGaussianBlur> SVG filtresi. Görüntüye Gauss bulanıklığı uygular.
<feImage> SVG filtresi. Dıştan gelen görüntü verilerini alır ve pixel verilerini çıktı olarak sağlar.
<feMerge> SVG filtresi. Birbirine katlı görüntü katmanları oluşturur.
<feMergeNode> SVG filtresi. feMerge'nin alt elementidir.
<feMorphology> SVG filtresi. Kaynak grafiklerine 'kalınlaştırma' veya 'inceleme' işlemi uygular.
<feOffset> SVG filtresi. Görüntüyü mevcut konumuna göre hareket ettirir.
<fePointLight> SVG filtresi.
<feSpecularLighting> SVG filtresi. Kaynak grafiklerini aydınlatır, alpha kanalı yükseltme haritası olarak kullanır.
<feSpotLight> SVG filtresi. Kaynak dosyasında kullanılan ışık kaynağı elementi.
<feTile> SVG filtresi. Girdi görüntüsü döşenmiş, sonuç hedefe doldurulur.
<feTurbulence> SVG filtresi. Perlin gürültü fonksiyonu kullanarak görüntü oluşturur.
<filter> Filtre etkisinin kapladığı konteyner.
<font> Yazıyı tanımlar.
<font-face> Yazının özelliklerini tanımlar.
<font-face-format> Annesi <font-face-uri> elementine referans veren yazının türünü tanımlar.
<font-face-name> Yerel olarak kurulu yazı tiplerinin kopyalarını işaretler, yazı adı ile tanınır.
<font-face-src> CSS normlarında @font-face özelliğine eşittir.
<font-face-uri> Uzaktan tanımlanan mevcut yazı tipine işaret eder.
<foreignObject> Farklı XML adlandırma alanlarından gelen elementleri içermeyi izin ver.
<g> Elementleri gruplamak için kullanılır.
<glyph> Belirli bir harf şeklini tanımla.
<glyphRef> Kullanılabilecek olası harf şekillerini tanımla.
<hkern> İki oyuncu metninin yatay mesafesini ince ayarla.
<image> Görseli tanımla.
<line> Hattı tanımla.
<linearGradient> Doğru hatlı geçiş tanımla.
<marker> Belirtilen element üzerinde çizilen ok veya çokkenli işaret için kullanılan grafikleri tanımla.
<mask> Maske elementi tanımla.
<metadata> Metadataları belirler.
<missing-glyph> Verilen karakter için yazı tipinde uygun bir <glyph> tanımlı değilse, missing-glyph elementinin içeriğini sun.
<mpath> Harici <path> elementini hareket yolu olarak tanımlamak için referans alın.
<path> Yolu tanımla.
<pattern> Desen tanımla.
<polygon> En az üç kenarı olan bir grafik tanımla.
<polyline> Yalnızca doğru hatlardan oluşan herhangi bir şekli tanımla.
<radialGradient> Yatay ve dikey açısal açıklamaları tanımla.
<rect> Dikdörtgen tanımla.
<script> Sözlük konteyneri (örneğin ECMAScript) tanımla.
<set> Belirtilen sürenin değerini ayarlayan özellik değerlerini ayarlayın.
<stop> Kademelerin durdurma noktaları.
<style> Stil sheetlerin doğrudan SVG içeriğine gömülmesini izin ver.
<svg> SVG belge parçası oluşturun.
<switch> Doğrudan alt elementler üzerindeki özellikleri sırayla değerlendir ve doğru olarak değerlendirilen ilk alt elementi işle ve sun.
<symbol> 图形模板对象定义,它可以由 <use> elementi ile örneklenir.
<text> Metni tanımla.
<textPath> <path> elementinin şekline göre metin yerleştir.
<title> SVG'deki elementlerin temiz metin açıklaması. Kullanıcı aracı, metni araç ipucu olarak gösterebilir.
<tref> SVG belgesindeki herhangi bir <text> elementini al ve tekrar kullan.
<tspan> <text> elementi ile aynı, ancak text etiketi içinde ve kendi içersinde içe yerleştirilebilir.
<use> SVG belge içinde hedef düğümü al ve onları başka yerlerde kopyala.
<view> Görseli görmenin bir sınırlı yöntemidir, örneğin zoom seviyesi veya detaylı görünüm.
<vkern> İki karakter (glyph) arasındaki dikey mesafeyi kesin olarak ayarlamak.