Последние учебники веб-разработки
 

SVG Руководство


SVG означает Scalable Vector Graphics.

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 означает Scalable Vector Graphics
  • SVG используется для определения векторной графики для Web
  • SVG определяет графику в формате XML
  • SVG графики не теряют качества, если они увеличены или изменены
  • Каждый элемент и каждый атрибут в SVG-файлы могут быть анимированными
  • SVG является рекомендацией W3C
  • SVG интегрируется с другими стандартами W3C, такие как DOM и XSL

SVG является Рекомендация W3C

SVG 1.0 стал рекомендацией W3C от 4 сентября 2001 года.

SVG 1.1 стал рекомендацией W3C 14 января 2003 года.

SVG 1.1 (Second Edition) стал рекомендацией W3C от 16 августа 2011 года.


SVG Преимущества

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

  • SVG изображения можно создавать и редактировать с помощью любого текстового редактора
  • SVG изображения могут быть найдены, индексируется, сценарий, и сжатый
  • SVG изображения масштабируемой
  • SVG изображения могут быть напечатаны с высоким качеством при любом разрешении
  • SVG изображения масштабируемой (and the image can be zoomed without degradation)
  • SVG является открытым стандартом
  • SVG-файлы являются чисто XML

Основным конкурентом SVG является флэш.

Самое большое преимущество SVG имеет более Вспышка соответствие с другими стандартами (eg XSL and the DOM) , (eg XSL and the DOM) . Флэш основывается на запатентованной технологии, которая не является открытым исходным кодом.


Создание SVG-изображений

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