SVG редакторы, или: SVG против JavaScript? - PullRequest
2 голосов
/ 06 июня 2011

Я хотел бы создать диаграммы SVG из приложения базы данных.Тем не менее, я ничего не знаю о создании SVG, поэтому я бы хотел начать с редактора, если смогу его найти.В идеале это должно позволить мне -

1 - разместить элемент управления масштабированием на изображении

2 - установить элемент управления панорамированием на изображении

3 - выполнять различные действия при наведении курсора мыши -откройте окно данных, выделите точки диаграммы

4 - создайте точечные и временные диаграммы из моего собственного набора данных с легендами, осями и т. д.

Идея состоит в том, что однаждыЯ получаю базовый шаблон от редактора, я могу написать код на C, чтобы напрямую генерировать код SVG.

Я часами искал и не могу найти ни коммерческих, ни бесплатных приложений, которые могли бы делать что-то вродеэтот.«SVG-редакторы» в основном рисуют круги и прямоугольники, что мне не особо полезно.Я что-то пропустил?Кажется, что разработка SVG-редактора прекратилась несколько лет назад, и различные редакторы были прекращены.Я даже не могу найти пример кода SVG, который делает что-то похожее на это.

На самом деле, чем больше я читаю, тем больше мне кажется, что мне нужно делать это в JavaScript, а не создавать изображения напрямую (но яJavaScript тоже не знаю).Есть мысли о том, куда мне идти?Я посмотрел около 20 библиотек javascript, которые будут составлять диаграммы, но ни одна из них, кажется, не помечает все от 1 до 3 выше.Мне также нужно наложить полилинии на точечные графики, и немногие из них это сделают.Графики Google близки, но они не справятся с последним.

О, у меня есть аудитория в плену, и они обновят свои браузеры, если я буду хорошо спрашивать.

Спасибо-

Al

Ответы [ 3 ]

1 голос
/ 06 июня 2011

Программа Inkscape является редактором SVG. Это также позволяет вам присоединять javascript к его элементам. Однако на самом деле он не показывает вам эффекты. Но если вы загрузите его в современный браузер, вы увидите интерактивные эффекты. Вам действительно нужно знать Javascript, но в основном это связано с добавлением обработчиков и настройкой свойств CSS или изменением атрибутов.

0 голосов
/ 30 июня 2011

Если вы собираетесь написать C для генерации кода SVG, то вы можете заставить его писать EMCAScript внутри самого SVG для панорамирования, масштабирования и различных эффектов наведения мыши. Я написал описание того, как добавить элементы управления панорамированием и масштабированием: http://www.petercollingridge.co.uk/interactive-svg-components/pan-and-zoom-control

0 голосов
/ 06 июня 2011

Я думаю, что Google диаграммы будут делать последние:

Аннотированная временная линия: http://code.google.com/apis/ajax/playground/?type=visualization#annotated_time_line

Разброс: http://code.google.com/apis/ajax/playground/?type=visualization#scatter_chart

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...