Векторная графика на Javascript?
https://stackoverflow.com/questions/410146
-
03-07-2019 - |
italiano
english
français
española
中国
日本の
العربية
Deutsch
한국어
Português
RussianВопрос
Одним из преимуществ Flash / Flex является то, что вы можете использовать векторную графику (SVG), что приятно.Я немного поискал вокруг и наткнулся на это Библиотека векторной графики Javascript.Это довольно простая штука, но она заставила меня задуматься:есть ли какая-либо возможность использовать файлы векторной графики, такие как SVG, с Javascript / HTML, или это просто невозможно сделать разумно?
Решение
Я использовал Библиотека Javascript Рафаэля и это сработало довольно хорошо.В настоящее время библиотека поддерживает Firefox 3.0+, Safari 3.0+, Opera 9.5+ и Internet Explorer 6.0+.
Другие советы
Я знаю, что это довольно старый вопрос, но на случай, если кто-нибудь столкнется с этим вопросом, самая впечатляющая векторная графика, которую я видел в JavaScript, это Paper.js.
Надеюсь, это поможет.
Взгляните на Торт, Processing.js и Плагин для интеграции jQuery SVG.
Также проверьте Элемент холста ссылка.
Проверьте Закрытие Google.Тот Самый поддержка векторной графики это очень хорошо сделано, ИМО.Если вы раньше работали с Java2D, это должно показаться вам очень знакомым.
Взгляните на dojox.gfx.Я опубликовал более многословный ответ в Порекомендуйте учебные пособия по графике на javascript просмотр доступных графических опций в браузерах, включая 2D и 3D варианты.
Ознакомьтесь с приложением WebCode от PixelCut.Он генерирует JS, SVG, HTML из векторных рисунков.http://www.webcodeapp.com
Просто чтобы добавить дополнительный ответ.создатель одного из популярных векторных js (Raphaël) присоединился к Adobe и работал над этим (http://snapsvg.io/) в течение нескольких лет.
хотя последняя версия выпущена в 2017 году, она гораздо более поддерживается и новее, чем другие библиотеки, упомянутые здесь.надеюсь, это поможет кому-то, кто ищет библиотеку векторной графики svg в js.
если вы ищете сборку meteorjs для snap, вы можете получить ее здесь (https://atmospherejs.com/mirageglobe/snapsvgcdn) с
$ meteor add mirageglobe:snapsvgcdn
