Библиотека чертежей Javascript?

Ответ 1

Raphael для этого довольно круто и работает в разных браузерах, поскольку он использует VML (для MSIE) и SVG (для всего остального).

Ответ 2

John Resig Processing.js - хорошая инфраструктура для этого.

Ответ 3

Вы можете использовать объект canvas непосредственно для рисования в 2D. IE требует библиотеки excanvas.

http://developer.mozilla.org/En/Drawing_Graphics_with_Canvas

Ответ 4

Попробуйте http://www.walterzorn.de/en/jsgraphics/jsgraphics_e.htm. Это лучшее, что я нашел (не прибегая к SVG) и работает в большинстве браузеров без надстроек.

Ответ 5

Рисование текста с тегом холста - большая боль. Ваши варианты состоят в том, чтобы использовать регулярные divs, абсолютно расположенные в правильных местах, или найти/записать механизм макета шрифта (пример) или дождаться новый стандарт, который будет реализован, позволяющий рисовать текст. SVG имеет дело с этим намного лучше.

В IE у вас есть ExplorerCanvas, чтобы имитировать API холста с собственной разметкой VML IE. Однако родной VML может делать текст на пути и такие вещи, как SVG. Я думаю, что теоретически, если вы хотите сложную обработку текста, вам нужны SVG и VML, такие как библиотека Raphael, о которой упоминал Дэн.

Вы можете также рассмотреть Flash на мгновение перед запуском.

Ответ 6

Как упоминалось выше, холст - это то, как вы должны идти. IE не поддерживает его изначально, поэтому вам необходимо загрузить ExCanvas, чтобы обеспечить совместимость с несколькими браузерами. Я бы рекомендовал посмотреть Ajaxian для некоторых проектов, которые используют тег canvas.

Ответ 7

Оформить заказ плагин jQuery Drawing, а также посмотреть на Mozilla Canvas и tutorial.

Ответ 8

Также mxGraph. Это не использует excanvas для IE. Excanvas работает медленнее, чем использование VML, в частности, повторно использовать те же узлы VML, а не удалять, добавляя узлы DOM для перерисовки. Это часто упускается из виду, но excanvas на производительность IE просто ужасен.

Ответ 9

В зависимости от того, насколько вам необходим кросс-браузер и ваша цель сделать вывод, вы можете посмотреть на элемент Canvas и соответствующий javascript.

Canvas

Ответ 10

D3.js

D3.js - это библиотека JavaScript для управления документами на основе данные. D3 помогает вам оживлять данные с помощью HTML, SVG и CSS. D3s акцент на веб-стандарты дает вам полные возможности современного браузеров, не привязывая себя к собственной структуре, объединяя мощные компоненты визуализации и подход, основанный на данных, к DOM манипуляция.

Посмотрите на обсуждение.