Векторная графика в Javascript?

Question

Одним из преимуществ Flash / Flex является то, что вы можете использовать векторную графику (SVG), что приятно. Я немного искал и наткнулся на эту библиотеку векторной графики Javascript . Это довольно простая вещь, но она заставила меня задуматься: есть ли возможность использовать файлы векторной графики, такие как SVG, с Javascript / HTML, или это просто невозможно или разумно сделать?

Answer 1

Я знаю, что это довольно старый вопрос, но в случае, если кто-то сталкивается с этим вопросом, самая впечатляющая векторная графика, которую я видел в JavaScript, это Paper.js .

Надеюсь, это поможет.

Answer 2

Я использовал Raphaël Javascript Library , и она работала довольно хорошо. В настоящее время библиотека поддерживает Firefox 3.0+, Safari 3.0+, Opera 9.5+ и Internet Explorer 6.0+.

Answer 3

Посмотрите Cake , Processing.js и jQuery SVG Плагин интеграции .

Также проверьте ссылку Canvas .

Answer 4

Проверьте приложение WebCode от PixelCut. Он генерирует JS, SVG, HTML из векторных рисунков. http://www.webcodeapp.com

Answer 5

Выезд Google Closure . Поддержка векторной графики очень хорошо сделана, IMO. Если вы работали с Java2D раньше, это должно показаться вам знакомым.

Answer 6

Взгляните на dojox.gfx . Я опубликовал более многословный ответ в Рекомендовать учебники по javascript для графики , в которых рассматриваются доступные варианты графики в браузерах, включая 2D и 3D.

Answer 7

Просто чтобы добавить дополнительный ответ. создатель одного из популярных векторов js (Raphaël) присоединился к Adobe и работал над этим (http://snapsvg.io/) в течение нескольких лет.

, хотя последний выпуск - с 2017 года, он гораздо более содержательный и более новый, чем другие библиотеки, упомянутые здесь. надеюсь, это поможет кому-то, ищущему библиотеку векторной графики svg в js.

если вы ищете сборку метеорита для привязки, вы можете получить ее здесь (https://atmospherejs.com/mirageglobe/snapsvgcdn) с

$ meteor add mirageglobe:snapsvgcdn