SVG основы

<path stroke=»black» d=»M 227 239 L 328 90 L 346 250 L 201 124 L 410 150 L 228 238″ />

M – перемещение пера

L H V – прямые

C S Q T – кривые Безье

A – дуги

Достоинства

  • открытый текстовый формат
  • векторная графика, масштабируемость
  • интеграция с растровой графикой, CSS, JS
  • является частью DOM → анимация и события

Недостатки:

  • размер файла, чуствителен к мелким деталям
  • сложно отобразить только часть картинки

Поддержка:

Chrome 3+, FF 1.5+, Opera 8+, IE 9+ Для IE <9 существует технология VML Raphael.js