Элемент SVG <use>
Опубликовано: 25 Февраля, 2022
SVG - это масштабируемая векторная графика. Его можно использовать для создания графики и анимации, как в холсте HTML.
Элемент SVG <use> берет узлы из документа SVG и дублирует их в другом месте.
Синтаксис:
<использовать href = "">
Подтекст
</use>
Атрибут:
- x: ось x координирует положение изображения.
- y: ось y координирует положение изображения.
- width: ширина изображения.
- height: Высота изображения.
- href: Источник изображения.
- Глобальные атрибуты: используются некоторые глобальные атрибуты, такие как основные атрибуты, атрибуты стиля и т. Д.
Пример 1:
Выход:
Example 2:
<!DOCTYPE html><html> <body> <svg width="400" height="200" id="gfg"> <text x="50" y="90" text-anchor="middle"> Click Here </text> </a> <use href="#gfg" y="110"></use> </svg></body> </html> |
Выход:
Поддерживаемые браузеры:
- Хром
- Край
- Fire Fox
- Сафари
- Internet Explorer
- Опера