Вывод графических примитивов с помощью js
Привет. Можно ли сгенерить такую картинку на клиенте при помощи js и чем воспользоваться? На клиент будет передаваться только json с описанием этой структуры.
Само собой можно сделать на флеше но интересует пока чисто js.
http://www.fep.ru/images/text/dataarrays/part4pic3.gif
Само собой можно сделать на флеше но интересует пока чисто js.
http://www.fep.ru/images/text/dataarrays/part4pic3.gif
попробуйте копать в сторону SVG-графики
для начала обрати внимание на ответ гугла: javascript draw, ну а во вторых в firefox начиная с версии 1.5 появилась поддержка тега <canvas></canvas>, подобное решение есть и от Apple в WebKit
В современных браузерах можно реализовать при помощи:
1) SVG - IE(требует установки плагина), Firefox, Safari, Opera 8.0+
2) VML - для IE от 5.x
3) Canvas, кроме IE(Firefox 1.5+, Safari 2.0+, Opera 9.0+)
А можно обойтись только js (я бы так и поступил), если типизировать элементы этого рисунка...
Никаких проблем возникнуть не должно, т.к. изображение имеет четкую регулярную структуру.
P.S. Радует, что есть люди, которые разумно подходят к формату передачи данных.
1) SVG - IE(требует установки плагина), Firefox, Safari, Opera 8.0+
2) VML - для IE от 5.x
3) Canvas, кроме IE(Firefox 1.5+, Safari 2.0+, Opera 9.0+)
А можно обойтись только js (я бы так и поступил), если типизировать элементы этого рисунка...
Никаких проблем возникнуть не должно, т.к. изображение имеет четкую регулярную структуру.
P.S. Радует, что есть люди, которые разумно подходят к формату передачи данных.
Всем спасибо понял куда смотреть.
С помощью SVG выйдет очень сложный код лучше так как советует MrLinker.
Нужны практические советы, примеры, демки по рисованию прямых линий + текст с помощью JS + возможность сохранения в jpg\png на сервере...
