Sách hướng dẫn tham khảo SVG

Phần tử SVG

Phần tử Mô tả
<a> Tạo liên kết bao quanh phần tử SVG.
<altGlyph> Cung cấp kiểm soát đối với hình mẫu được sử dụng để hiển thị dữ liệu ký tự đặc biệt.
<altGlyphDef> Định nghĩa tập hợp thay thế cho hình mẫu.
<altGlyphItem> Định nghĩa tập hợp ứng viên thay thế cho hình mẫu.
<animate> Định nghĩa cách thuộc tính của phần tử thay đổi theo thời gian.
<animateMotion> Chuyển động của phần tử được tham chiếu theo đường di chuyển.
<animateTransform> Thực hiện hiệu ứng hoạt hình trên thuộc tính变换 của phần tử mục tiêu, từ đó cho phép kiểm soát hoạt hình di chuyển, phóng to, quay và/hoặc nghiêng.
<circle> Định nghĩa hình tròn.
<clipPath> Định nghĩa đường cắt.
<color-profile> Chỉ định mô tả tài liệu cấu hình màu (khi sử dụng CSS để thiết lập phong cách tài liệu).
<cursor> Định nghĩa con trỏ tùy chỉnh không phụ thuộc vào nền tảng.
<defs> Định nghĩa hộp chứa phần tử được tham chiếu.
<desc> Định nghĩa mô tả văn bản thuần túy của phần tử hộp hoặc phần tử đồ họa trong SVG.
<ellipse> Định nghĩa hình tròn elip.
<feBlend> Kết hợp hai đối tượng lại với nhau theo một chế độ trộn nhất định.
<feColorMatrix> SVG lọc. Áp dụng biến đổi ma trận.
<feComponentTransfer> Фильтр SVG. Выполняет ремап данных по компонентам.
<feComposite> Фильтр SVG. Выполняет умное комбинирование пикселей двух входных изображений.
<feConvolveMatrix> Фильтр SVG. Применяет эффект фильтрации матрицыconvolution.
<feDiffuseLighting> Фильтр SVG. Изображение света, использующее канал alpha в качестве карты высот.
<feDisplacementMap> Фильтр SVG. Карта смещения.
<feDistantLight> Фильтр SVG. Определяет источник света.
<feFlood> Фильтр SVG. Заполняет область фильтра.
<feFuncA> Фильтр SVG. Определяет функцию преобразования для компонента прозрачности (alpha) входного изображения.
<feFuncB> Фильтр SVG. Определяет функцию преобразования для синего компонента входного изображения.
<feFuncG> Фильтр SVG. Определяет функцию преобразования для зеленого компонента входного изображения.
<feFuncR> Фильтр SVG. Определяет функцию преобразования для красного компонента входного изображения.
<feGaussianBlur> Фильтр SVG. Выполняет гауссовую размытость изображения.
<feImage> Фильтр SVG. Получает данные изображения из внешнего источника и предоставляет данные пикселей в качестве вывода.
<feMerge> Фильтр SVG. Создает слои изображений, наложенные друг на друга.
<feMergeNode> Подэлемент feMerge.
<feMorphology> Фильтр SVG. Выполняет «жирение» или «тонирование» исходной графики.
<feOffset> Фильтр SVG. Перемещает изображение относительно текущей позиции.
<fePointLight> Фильтр SVG.
<feSpecularLighting> Фильтр SVG. Освещает исходную графику, используя канал alpha в качестве карты высот.
<feSpotLight> Элемент света, используемый в файлах SVG.
<feTile> Фильтр SVG. Входное изображение является повторяющимся, результат используется для заполнения цели.
<feTurbulence> Фильтр SVG. Создает изображение с использованием функции шума Perlin.
<filter> Контейнер для эффектов фильтрации.
<font> Định nghĩa font.
<font-face> Mô tả đặc điểm của font.
<font-face-format> Mô tả loại font của phần tử tham chiếu <font-face-uri> của nó.
<font-face-name> Chỉ định bản sao font cài đặt tại địa phương, nhận dạng bằng tên font.
<font-face-src> Tương đương với thuộc tính @font-face trong quy định CSS.
<font-face-uri> Chỉnh hướng font từ xa hiện tại.
<foreignObject> Cho phép bao gồm các phần tử từ không gian tên XML khác.
<g> Sử dụng để nhóm các phần tử.
<glyph> Định nghĩa hình ảnh của font đã cho.
<glyphRef> Định nghĩa hình ảnh của font có thể sử dụng.
<hkern> Chỉnh sửa cẩn thận khoảng cách ngang giữa hai văn bản chạm khắc.
<image> Định nghĩa hình ảnh.
<line> Định nghĩa đường.
<linearGradient> Định nghĩa sự chuyển đổi theo hướng tia.
<marker> Định nghĩa hình ảnh được sử dụng để vẽ mũi tên hoặc dấu đa giác trên phần tử đã cho.
<mask> Định nghĩa phần tử che.
<metadata> Định nghĩa metadata.
<missing-glyph> Nếu font không định nghĩa <glyph> phù hợp cho ký tự đã cho, hiển thị nội dung của phần tử missing-glyph.
<mpath> Tham chiếu đến phần tử <path> bên ngoài như là định nghĩa đường dẫn cho di chuyển.
<path> Định nghĩa đường dẫn.
<pattern> Định nghĩa mẫu.
<polygon> Định nghĩa hình ảnh có ít nhất ba cạnh.
<polyline> Định nghĩa bất kỳ hình dạng nào chỉ bao gồm các đường thẳng.
<radialGradient> Định nghĩa sự chuyển đổi theo hướng tia.
<rect> Định nghĩa hình vuông.
<script> Định nghĩa hộp chứa kịch bản (ví dụ: ECMAScript).
<set> Đặt giá trị thuộc tính với thời gian duy trì xác định.
<stop> Điểm dừng của sự chuyển đổi.
<style> Cho phép biểu thức kiểu trực tiếp vào nội dung SVG.
<svg> Tạo đoạn tài liệu SVG.
<switch> Đánh giá theo thứ tự các thuộc tính trên các phần tử con trực tiếp, sau đó xử lý và hiển thị phần tử con đầu tiên được đánh giá là true.
<symbol> Định nghĩa đối tượng mẫu hình ảnh, có thể được thể hiện bằng phần tử <use>.
<text> Định nghĩa văn bản.
<textPath> Đặt văn bản dựa trên hình dạng của phần tử <path>.
<title> Mô tả văn bản nguyên thủy của phần tử trong SVG. Người đại diện có thể hiển thị văn bản như là một chú thích.
<tref> Tham chiếu và tái sử dụng bất kỳ phần tử <text> nào trong tài liệu SVG.
<tspan> Tương tự như phần tử <text>, nhưng có thể bao gồm trong thẻ text và nội bộ của chính nó.
<use> Lấy mục tiêu node trong tài liệu SVG và sao chép chúng ở nơi khác.
<view> Phương pháp giới hạn để xem ảnh, giống như cấp độ phóng to hoặc chế độ chi tiết.
<vkern> Chỉnh sửa chính xác khoảng cách thẳng đứng giữa hai ký tự (glyph).