Panduan Referensi SVG

Elemen SVG

Elemen Deskripsi
<a> Buat tautan yang melingkungi elemen SVG.
<altGlyph> Menyediakan kontrol terhadap bentuk huruf yang digunakan untuk mewakili data karakter khusus.
<altGlyphDef> Definiskan penggantian set huruf.
<altGlyphItem> Definiskan daftar kandidat penggantian bentuk huruf.
<animate> Definiskan bagaimana atribut elemen berubah selama waktu.
<animateMotion> Buat elemen yang diarujuk bergerak sepanjang jalur gerak.
<animateTransform> Lakukan animasi terhadap atribut transformasi elemen target, sehingga memungkinkan kontrol animasi translasikan, skalakan, berputar dan/atau menyilangkan.
<circle> Definiskan lingkaran.
<clipPath> Definiskan jalur potong.
<color-profile> Tentukan deskripsi profil warna (ketika mengatur gaya dokumen menggunakan CSS).
<cursor> Definiskan kursor kustom yang independen dari platform.
<defs> Definiskan kontainer elemen yang diarujuk.
<desc> Definiskan deskripsi teks yang bersifat puasa bagi elemen kontainer atau grafik SVG.
<ellipse> Definiskan ellips.
<feBlend> Kombinasikan dua objek bersama-sama menurut model campuran tertentu.
<feColorMatrix> Filtrasi SVG. Aplikasikan transformasi matriks.
<feComponentTransfer> Filter SVG. Melaksanakan remapping ulang data berdasarkan komponen.
<feComposite> Filter SVG. Melaksanakan kombinasi pixel cerdas dari dua gambar masukan.
<feConvolveMatrix> Filter SVG. Melaksanakan efek filter konvolusi matriks.
<feDiffuseLighting> Filter SVG. Gambar pencahayaan, menggunakan jalur alpha sebagai peta relief.
<feDisplacementMap> Filter SVG. Mapperinggian.
<feDistantLight> Filter SVG. Mendefinisikan sumber cahaya.
<feFlood> Filter SVG. Mengisi area filter.
<feFuncA> Filter SVG. Mendefinisikan fungsi transformasi untuk komponen kecerahan (alpha) gambar masukan.
<feFuncB> Filter SVG. Mendefinisikan fungsi transformasi untuk komponen biru gambar masukan.
<feFuncG> Filter SVG. Mendefinisikan fungsi transformasi untuk komponen hijau gambar masukan.
<feFuncR> Filter SVG. Mendefinisikan fungsi transformasi untuk komponen merah gambar masukan.
<feGaussianBlur> Filter SVG. Melaksanakan blur Gauss terhadap gambar.
<feImage> Filter SVG. Mengambil data gambar dari sumber eksternal dan menyediakan data pixel sebagai keluaran.
<feMerge> Filter SVG. Membuat lapisan gambar yang bertumpuk.
<feMergeNode> Anak elemen feMerge di filter SVG.
<feMorphology> Filter SVG. Melaksanakan "penambahan lebar" atau "penyempit" terhadap grafik sumber.
<feOffset> Filter SVG. Memindahkan gambar relatif terhadap posisi saat ini.
<fePointLight> Filter SVG.
<feSpecularLighting> Filter SVG. Memcahayaan grafik sumber, menggunakan jalur alpha sebagai peta relief.
<feSpotLight> Filter SVG. Elemen pencahayaan, digunakan dalam berkas SVG.
<feTile> Filter SVG. Gambar masukan ditilingkan, hasilnya digunakan untuk mengisi target.
<feTurbulence> Filter SVG. Membuat gambar dengan fungsi noise Perlin.
<filter> Wadah efek filter.
<font> Mendefinisikan font.
<font-face> Melaksanakan karakteristik font.
<font-face-format> Melaksanakan tipe font yang direferensikan oleh elemen induk <font-face-uri>.
<font-face-name> Merujuk kepada salinan font yang terpasang secara lokal, yang diidentifikasi dengan nama font.
<font-face-src> Sama dengan atribut @font-face di spesifikasi CSS.
<font-face-uri> Menunjuk ke font yang diimport dari luar.
<foreignObject> Memungkinkan untuk mengandung elemen dari ruang nama XML yang berbeda.
<g> Dipakai untuk mengelompokkan elemen.
<glyph> Mendefinisikan grafik huruf yang diberikan.
<glyphRef> Mendefinisikan bentuk huruf yang mungkin digunakan.
<hkern> Mengatur jarak horizontal antara dua teks yang dipahat dengan kehati-hatian.
<image> Mendefinisikan gambar.
<line> Mendefinisikan garis.
<linearGradient> Mendefinisikan gradasi linear.
<marker> Mendefinisikan grafik yang digunakan untuk menggambar panah atau tanda multi-sisi di atas elemen yang diberikan.
<mask> Mendefinisikan elemen penutup.
<metadata> Menetapkan metadata.
<missing-glyph> Jika untuk karakter yang diberikan, font tidak mendefinisikan <glyph> yang sesuai, tampilkan konten elemen missing-glyph.
<mpath> Mengutip elemen <path> eksternal sebagai definisi jalur gerak.
<path> Mendefinisikan jalur.
<pattern> Mendefinisikan pola.
<polygon> Mendefinisikan grafik yang terdiri dari setidaknya tiga sisi.
<polyline> Mendefinisikan bentuk apapun yang hanya disusun dari garis.
<radialGradient> Mendefinisikan gradasi radial.
<rect> Mendefinisikan segiempat.
<script> Mendefinisikan wadah skrip (contoh ECMAScript).
<set> Atur nilai atribut dengan durasi yang ditentukan.
<stop> Titik berhenti gradasi.
<style> Memungkinkan gaya langsung disisihkan ke dalam konten SVG.
<svg> Membuat fragmen dokumen SVG.
<switch> Evaluasi atribut di elemen anak langsung berdasarkan urutan, kemudian menangani dan menampilkan anak pertama yang dievaluasi menjadi true.
<symbol> Mendefinisikan objek template grafik, yang dapat diinstansiasi menggunakan elemen <use>.
<text> Mendefinisikan teks.
<textPath> Menempatkan teks berdasarkan bentuk elemen <path>.
<title> Deskripsi teks asli dari elemen di dalam SVG. Peran pengguna dapat menampilkan teks sebagai tip.
<tref> Mengutip elemen <text> apapun di dalam dokumen SVG dan menggunakannya kembali.
<tspan> Sama seperti elemen <text>, tetapi dapat disisihkan di dalam tanda <text> dan di dalamnya sendiri.
<use> Dapatkan node tujuan di dalam dokumen SVG dan salin mereka di tempat lain.
<view> Metode terbatas untuk melihat gambar, seperti tingkat perbesaran atau tampilan detil.
<vkern> Tutupi dengan akurat jarak vertikal antara dua karakter (glyph).