svg — векторная графика

  • 25 января 2023

Справочник

Саша Ермайкина

🚀 Сегодня вам бесплатно доступен тренажёр по HTML и CSS.

Тег <svg> используется для определения векторного изображения, которое можно бесконечно масштабировать без потери качества. Он позволяет создавать сложные фигуры, анимацию и интерактивную графику.

<svg width="100" height="100">
  <circle cx="50" cy="50" r="40" fill="red" />
</svg>

Атрибуты тега <svg>:

  • width — ширина в пикселях или процентах.
  • height — высота в пикселях или процентах.
  • viewBox — положение и размер области просмотра.

Полезные статьи — по почте

Подпишитесь на редакторскую рассылку о фронтенде, новых CSS-штучках и всём, что пригодится разработчику.

Присылаем одно письмо в неделю. Без спама и нейросетей.

Нажатие на кнопку — согласие на подписку

«Доктайп» — журнал о фронтенде. Читайте, слушайте и учитесь с нами.

ТелеграмПодкастБесплатные учебники