графический движок javascript с масштабированием / панорамированием мыши / поворотом / текстом / событиями?

Есть ли библиотека javascript с открытым исходным кодом, способная создать что-то вроде http://www.marcelbeumer.com/media/main/demos/ngen/index.html прямо из коробки или самое большее с помощью очень простого плагина?

Обратите внимание, что вы можете: - масштабировать - панорамировать с помощью мыши - вращать - отображать текст - щелкать по элементам

Двойные баллы, если он работает в android / iOS.


html zooming graphics pan
person mcintyre321    schedule 23.03.2011    source источник

Ответы (3)


arrow_upward
2
arrow_downward

Возможно, вы ищете Raphaël. Фреймворк javascript, который работает поверх SVG и VML. Это несколько функций и помощников, среди которых есть масштабирование (для масштабирования), панорамирование, поворот, текстовые сообщения.

С домашней страницы:

Raphaël - это небольшая библиотека JavaScript, которая должна упростить вашу работу с векторной графикой в ​​Интернете. Например, если вы хотите создать свою собственную диаграмму или виджет кадрирования и поворота изображения, вы можете легко и просто сделать это с помощью этой библиотеки. Рафаэль ['ræfeɪəl] использует рекомендации SVG W3C и VML в качестве основы для создания графики. Это означает, что каждый создаваемый вами графический объект также является объектом DOM, поэтому вы можете присоединить обработчики событий JavaScript или изменить их позже. Цель Raphaël - предоставить адаптер, который упростит и упростит работу с векторной графикой в ​​разных браузерах.

Пример использования:

// Creates canvas 320 × 200 at 10, 50
var paper = Raphael(10, 50, 320, 200);

// Creates circle at x = 50, y = 40, with radius 10
var circle = paper.circle(50, 40, 10);
// Sets the fill attribute of the circle to red (#f00)
circle.attr("fill", "#f00");

// Sets the stroke attribute of the circle to white
circle.attr("stroke", "#fff");

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

PS: Забыл упомянуть, что на домашней странице есть МНОГО примеров, посмотреть обязательно.

РЕДАКТИРОВАТЬ: Подобный вопрос был задан некоторое время назад здесь, Есть ли хорошие графические библиотеки Javascript?

person DarkThrone    schedule 23.03.2011
comment
Рафаэль рисует, используя SVG или VML, а не холст. - person Daniel Cassidy; 23.03.2011
comment
Ооо, ты прав. Это была опечатка, спасибо за исправление !! - person DarkThrone; 23.03.2011
comment
Близко, но не сигара! Чтобы включить масштабирование и панорамирование мыши, вам нужен плагин (Raphael-ZPD), а не поворот. Я обновлю вопрос, чтобы прояснить требования. - person mcintyre321; 23.03.2011
comment
Ах, это немного прояснило ситуацию. - person DarkThrone; 23.03.2011

arrow_upward
1
arrow_downward

Ха! Спросил автора и это на Github!

https://github.com/marcelbeumer/ngen-demo

Полимапы тоже выглядели соперником - http://polymaps.org/

person mcintyre321    schedule 23.03.2011

arrow_upward
0
arrow_downward

Я искал что-то подобное и наткнулся на этот плагин javascript Jquery http://arborjs.org/

он не масштабирует и не панорамирует как таковой (он достигает этого немного по-другому), но, поскольку я видел эту тему, я хотел бы поделиться ею.

person elasticrash    schedule 26.04.2011