javascript графичен двигател с мащабиране/панорама на мишката/завъртане/текст/събития? [затворено]

Има ли javascript библиотека с отворен код, която може да създаде нещо като http://www.marcelbeumer.com/media/main/demos/ngen/index.html от кутията или най-много с много прост плъгин?

Обърнете внимание, че можете: - да мащабирате - да панорамирате с мишката - да завъртате - да изобразявате текст - да щракнете върху елементи

Двойни точки, ако работи в android/iOS.


person mcintyre321    schedule 23.03.2011    source източник


Отговори (3)


Може би търсите Raphaël. Рамка на JavaScript, която работи върху SVG и VML. Това са няколко функции и помощници, с мащаб (за мащабиране), панорамиране, завъртане, изпращане на текстови съобщения сред тях.

От началната страница:

Raphaël е малка JavaScript библиотека, която трябва да опрости работата ви с векторни графики в мрежата. Ако искате да създадете своя собствена специфична диаграма или изрязване и завъртане на изображение, например, можете да го постигнете просто и лесно с тази библиотека. Raphaël ['ræfeɪəl] използва SVG W3C Recommendation и 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

Трябва да добавите контролите към изгледа на свойството moviePlayer на контролера за изглед, за да се появят. Това ще накара контролите да се показват през цялото време, но няма да избледняват.

Като този:

[[theMovieViewController.moviePlayer view] addSubview:overlayCont.view];
- 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

ха! Попитах автора и го има в Github!

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

Polymaps също изглеждаше като претендент - http://polymaps.org/

person mcintyre321    schedule 23.03.2011

Търсех нещо подобно и попаднах на този Jquery javascript плъгин http://arborjs.org/

сам по себе си не увеличава и панорамира (постига го малко по-различно), но откакто видях тази тема, исках да я споделя.

person elasticrash    schedule 26.04.2011