Panduan Rujukan SVG

SVG 元素

元素 描述
<a> 创建包围 SVG 元素的链接。
<altGlyph> 提供对用于呈现特定字符数据的字形的控制。
<altGlyphDef> 定义字形的替换集。
<altGlyphItem> 定义字形替换的候选集。
<animate> 定义元素的属性如何随时间变化。
<animateMotion> 使引用的元素沿着运动路径移动。
<animateTransform> 对目标元素上的变换属性进行动画处理，从而允许动画控制平移、缩放、旋转和/或倾斜
<circle> 定义圆。
<clipPath> 定义剪切路径
<color-profile> 指定颜色配置文件描述（当使用 CSS 设置文档样式时）。
<cursor> 定义独立于平台的自定义光标。
<defs> 定义被引用元素的容器。
<desc> 定义对 SVG 中容器元素或图形元素的纯文本描述。
<ellipse> 定义椭圆。
<feBlend> 按照一定的混合模式将两个对象组合在一起。
<feColorMatrix> SVG 滤镜。应用矩阵变换。
<feComponentTransfer> Filter SVG. Melaksanakan remapping ulang data berdasarkan komponen.
<feComposite> Filter SVG. Melaksanakan kombinasi pixel cerdas dari dua imej input.
<feConvolveMatrix> Filter SVG. Melaksanakan efek filter konvolusi matriks.
<feDiffuseLighting> Filter SVG. Imej pencahayaan, menggunakan saluran alpha sebagai peta loncatan.
<feDisplacementMap> Filter SVG. Mappan pindahan.
<feDistantLight> Filter SVG. Mendedefinikan sumber cahaya.
<feFlood> Filter SVG. Mengisi area filter.
<feFuncA> Filter SVG. Mendedefinikan fungsi transformasi untuk komponen kecerahan (alpha) grafik input.
<feFuncB> Filter SVG. Mendedefinikan fungsi transformasi untuk komponen biru grafik input.
<feFuncG> Filter SVG. Mendedefinikan fungsi transformasi untuk komponen hijau grafik input.
<feFuncR> Filter SVG. Mendedefinikan fungsi transformasi untuk komponen merah grafik input.
<feGaussianBlur> Filter SVG. Melaksanakan kaburkan Gauss terhadap imej.
<feImage> Filter SVG. Mengambil data imej dari sumber eksternal dan menyediakan data pixel sebagai output.
<feMerge> Filter SVG. Membuat lapisan imej yang saling menempel.
<feMergeNode> Filter SVG. Anak elemen feMerge.
<feMorphology> Filter SVG. Melaksanakan 'menambah' atau 'menyahkan' grafik sumber.
<feOffset> Filter SVG. Menggerakkan imej berdasarkan posisi saat ini.
<fePointLight> Filter SVG.
<feSpecularLighting> Filter SVG. Memper照亮 sumber grafik, menggunakan saluran alpha sebagai peta loncatan.
<feSpotLight> Filter SVG. Elemen sumber cahaya, digunakan dalam file SVG.
<feTile> Filter SVG. Imej input adalah tiling, dan hasilnya digunakan untuk mengisi target.
<feTurbulence> Filter SVG. Membuat imej dengan fungsi gangguan Perlin.
<filter> Wadah untuk efek filter.
<font> Mendefinikan font.
<font-face> Menggambarkan ciri-ciri font.
<font-face-format> Menggambarkan jenis font yang dihasilkan oleh elemen <font-face-uri> induk.
<font-face-name> Tujukan salinan font yang dis نصب secara lokal, dikenali melalui nama font.
<font-face-src> Sama seperti properti @font-face di spesifikasi CSS.
<font-face-uri> Pertunjukkan font yang digunakan di luar negara.
<foreignObject> Izinkan elemen yang datang dari ruang nama XML yang berbeza.
<g> Digunakan untuk menggabungkan elemen.
<glyph> Definikan bentuk aksara yang diberikan.
<glyphRef> Definikan bentuk aksara yang boleh digunakan.
<hkern> Tetinggi jarak horizontal antara dua tulisan pemahat.
<image> Definikan imej.
<line> Definikan garisan.
<linearGradient> Definikan gradient linear.
<marker> Definikan bentuk yang digunakan untuk mengejar tanda panah atau tanda berbentuk berbilangan di atas elemen yang diberikan.
<mask> Definikan elemen halus.
<metadata> Tentukan metadata.
<missing-glyph> Jika untuk aksara yang diberikan, font tidak mendefinikan <glyph> yang sesuai, paparkan kandungan elemen <missing-glyph>.
<mpath> Rujuk kepada elemen <path> luaran sebagai definisi laluan gerakan.
<path> Definikan laluan.
<pattern> Definikan corak.
<polygon> Definikan bentuk yang mengandungi sekurang-kurangnya tiga sisi.
<polyline> Definikan mana-mana bentuk yang disusun daripada garisan.
<radialGradient> Definikan gradient radial.
<rect> Definikan segi empat.
<script> Definikan wadah skrip (contohnya ECMAScript).
<set> Tetapkan nilai properti untuk masa tempoh yang ditentukan.
<stop> Titik berhenti gradient.
<style> Izinkan laporan gaya langsung didalam konten SVG.
<svg> Cipta frament dokumen SVG.
<switch> Evaluasi properti bagi anak langsung berdasarkan urutan, kemudian tangani dan paparkan anak yang pertama yang dihitung true.
<symbol> Definikan objek model grafik, yang boleh diwujudkan melalui elemen <use>.
<text> Definikan teks.
<textPath> Letakkan teks berdasarkan bentuk elemen <path>.
<title> Deskripsi teks asli bagi elemen SVG. Perwakilan pengguna boleh paparkan teks sebagai tooltip.
<tref> Rujuk kepada mana-mana elemen <text> didalam dokumen SVG dan gunakan semula.
<tspan> Sama seperti elemen <text>, tetapi boleh ditambahkan didalam tag <text> serta didalamnya sendiri.
<use> Dapatkan nod target didalam dokumen SVG dan salin mereka di tempat lain.
<view> Jenis penglihatan gambar yang terhadap, seperti tingkat perbesaran atau tampilan detil.
<vkern> Tetapkan jarak vertikal dengan tepat antara dua aksara (glyph).