Векторная графика в Javascript?
Одним из преимуществ Flash / Flex является то, что вы можете использовать векторную графику (SVG), что приятно. Я немного поискал и наткнулся на этот Библиотека векторной графики Javascript. Это довольно простой материал, но он заставил меня задуматься: есть ли возможность использовать файлы векторной графики, такие как SVG, с Javascript / HTML, или это просто невозможно сделать или сделать разумно?
![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)
Ответы 7
Я использовал Библиотека Raphaël Javascript, и он работал достаточно хорошо. В настоящее время библиотека поддерживает Firefox 3.0+, Safari 3.0+, Opera 9.5+ и Internet Explorer 6.0+.
Обратите внимание на Кекс, Processing.js и Плагин интеграции jQuery SVG.
Также проверьте ссылку Элемент холста.
Взгляните на dojox.gfx. Я опубликовал более многословный ответ в Порекомендуйте учебники по графике на javascript, в котором перечислены доступные параметры графики в браузерах, включая 2D и 3D.
Проверьте Закрытие Google. поддержка векторной графики очень хорошо сделан, ИМО. Если вы раньше работали с Java2D, это должно показаться вам очень знакомым.
он работает в браузерах, не поддерживающих svg? вы просто говорите good.createGraphics, и он решает, использовать ли Canvas, Svg или VML?
@Evgeny, да - он использует VML для IE с автоматическим определением браузера.
Я знаю, что это довольно старый вопрос, но если кто-то столкнется с этим вопросом, самая впечатляющая векторная графика, которую я видел в JavaScript, - это Paper.js.
Надеюсь, это поможет.
К сожалению, он не работает в IE8 (только версия IE, на которой я его тестировал), но у него определенно была самая впечатляющая демонстрация, которую я когда-либо видел!
Оцените приложение WebCode от PixelCut. Он генерирует JS, SVG, HTML из векторных рисунков. http://www.webcodeapp.com
Просто чтобы добавить дополнительный ответ. Создатель одного из популярных векторных js (Raphaël) присоединился к Adobe и работал над этим (http://snapsvg.io/) несколько лет.
хотя последний выпуск выпущен в 2017 году, он намного более обновлен и новее, чем другие упомянутые здесь библиотеки. надеюсь, что это поможет кому-то, кто ищет библиотеку векторной графики svg в js.
если вы ищете сборку meteorjs для оснастки, вы можете получить ее здесь (https://atmospherejs.com/mirageglobe/snapsvgcdn) с помощью
$ meteor add mirageglobe:snapsvgcdn
Как Flash позволяет использовать SVG? Лучшее, что вы можете сделать, - это написать неполный эмулятор SVG с использованием Flash. Лучшая попытка на данный момент - code.google.com/p/svgweb, но ее еще нет.