![][1]

_Перевод статьи. Англоязычный оригинал опубликован на SitePoint – "[Introducing GraphicsJS, a Powerful Lightweight Graphics Library][2]"._

HTML5 – основа основ современного веба. И сегодня, когда встает задача создать интерактивную графику, выбор чаще всего падает на такие технологии, как SVG и Canvas. Flash позабыт, Silverlight – редкая птица, обитающая на задворках веба, и почти никто не помнит сторонние ActiveX и Java-плагины.

Плюсы и минусы SVG и Canvas [хорошо известны][3] – в целом все сводится к тому, что для создания интерактивных элементов и работы с ними больше подходит SVG. Это векторный формат, основанный на XML, и, когда изображение загружается на страницу с использованием тега ``, каждый его внутренний элемент становится доступен в SVG DOM.

В данной статье я хочу рассказать о [GraphicsJS][4]. Это мощная графическая JavaScript-библиотека с открытым исходным кодом, основанная на технологии SVG ([VML][5] для старых версий IE). Начну с краткого введения в основы GraphicsJS, а затем проиллюстрирую возможности библиотеки двумя небольшими, но наглядными примерами. Первый из них посвящен изобразительному искусству. Второй покажет, как менее чем за 50 строк кода сделать простую арт-игру в жанре таймкиллера. [Читать дальше →][6]

[1]: https://habrastorage.org/web/f56/dd3/64b/f56dd364b9914eddadfc127324a5d4f3.jpg
[2]: https://www.sitepoint.com/introducing-graphicsjs-a-powerful-lightweight-graphics-library/
[3]: https://www.sitepoint.com/canvas-vs-svg-choosing-the-right-tool-for-the-job/
[4]: http://www.graphicsjs.org/
[5]: https://en.wikipedia.org/wiki/Vector_Markup_Language
[6]: https://habrahabr.ru/post/331272/?utm_source=habrahabr&utm_medium=rss&utm_campaign=feed_posts#habracut