Учебник по SVG

SVG является расширяемыми векторными графическими изображениями (Scalable Vector Graphics).

SVG является XML формат определения векторных графиков.

примеры в каждой главе

Используя наш редактор "попробуйте это самому", вы можете редактировать SVG и затем нажать кнопку, чтобы увидеть результат.

Примеры SVG

<html>
<body>
<h1>Мой первый 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 используется для определения векторных веб-графиков
  • 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 преимущества

по сравнению с другими форматами изображений (например, JPEG и GIF), использование SVG Преимущества:

  • SVG изображение можно создавать и редактировать с помощью любого текстового редактора
  • SVG изображение можно индексировать, кэшировать,脚本ировать и сжимать
  • SVG изображение является расширяемым
  • SVG изображение можно напечатать с высоким качеством в любом разрешении
  • SVG изображение является масштабируемым
  • SVG графика не теряет качества при масштабировании или изменении размера
  • SVG является открытым стандартом
  • SVG файл является чистым XML

создание SVG изображение

SVG Изображения можно создать с помощью любого текстового редактора, но лучше использовать программное обеспечение для рисования (например InkscapeСоздание SVG-изображений обычно удобнее.