Учебник по SVG
SVG означает масштабируемую векторную графику.
SVG определяет векторную графику в формате XML.
Примеры в каждой главе
С помощью нашего редактора «Попробуйте сами» вы можете отредактировать SVG и нажать кнопку, чтобы просмотреть результат.
Пример SVG
<html>
<body>
<h1>My first SVG</h1>
<svg width="100" height="100">
<circle cx="50" cy="50" r="40" stroke="green" stroke-width="4" fill="yellow" />
</svg>
</body>
</html>
Что вы уже должны знать
Прежде чем продолжить, вы должны иметь некоторое базовое представление о следующем:
- HTML
- Базовый XML
Если вы хотите сначала изучить эти предметы, найдите учебные пособия на нашей домашней странице .
Что такое СВГ?
- SVG расшифровывается как Масштабируемая векторная графика.
- SVG используется для определения векторной графики для Интернета.
- SVG определяет графику в формате XML
- Каждый элемент и каждый атрибут в файлах SVG можно анимировать.
- SVG является рекомендацией W3C.
- SVG интегрируется с другими стандартами W3C, такими как DOM и XSL.
SVG является рекомендацией W3C
SVG 1.0 стал рекомендацией W3C 4 сентября 2001 года.
SVG 1.1 стал рекомендацией W3C 14 января 2003 года.
SVG 1.1 (второе издание) стало рекомендацией W3C 16 августа 2011 года.
Преимущества SVG
Преимущества использования SVG по сравнению с другими форматами изображений (например, JPEG и GIF):
- Изображения SVG можно создавать и редактировать в любом текстовом редакторе.
- Изображения SVG можно искать, индексировать, создавать сценарии и сжимать.
- Изображения SVG масштабируются
- Изображения SVG можно печатать с высоким качеством при любом разрешении.
- Изображения SVG можно масштабировать
- Графика SVG НЕ теряет качества при увеличении или изменении размера.
- SVG — это открытый стандарт.
- Файлы SVG — это чистый XML
Создание изображений SVG
Изображения SVG можно создавать в любом текстовом редакторе, но часто удобнее создавать изображения SVG с помощью программы для рисования, например Inkscape .