Рисование произвольных картинок на веб-странице
Мне нужно отобразить сгенерированное во время выполнения изображение (в основном состоящее из красивых окон, строк и текста) на веб-странице. В настоящее время мы используем ASP.NET MVC3.
Проблема в том, что я раньше не занимался веб-разработкой, и я понятия не имею, как можно нарисовать произвольную диаграмму на веб-странице. Я использую какой-то Javascript? Как и что мне использовать? Я генерирую изображение на сервере как-то и просто отображаю его? Что-то другое?
Я понятия не имею, с чего начать, не говоря уже о решении актуальной проблемы...
2 ответа
Это зависит от целевого браузера.
Если вы ориентируетесь на самые современные браузеры, вы можете использовать HTML5 Canvas и рисовать на нем с помощью JavaScript (см. http://www.williammalone.com/articles/create-html5-canvas-javascript-drawing-app/).
Если вы ориентируетесь и на другие браузеры (также), возможно, проще всего будет сгенерировать изображение на стороне сервера (GIF/JPG/PNG). Ваша HTML-страница содержит тег IMG с параметром SRC, установленным для страницы, которая генерирует и возвращает изображение. Вы можете найти пример на этой странице: http://www.sitepoint.com/generating-asp-net-images-fly/ (для создания изображения используется ASP.NET).
Рой Диктус довольно хорошо описал общий подход, который вы захотите использовать. Если вы решили использовать современные браузеры и использовать javascript, я бы посоветовал вам взглянуть на http://processingjs.org/. Это порт javascript популярной библиотеки Java, и на веб-странице есть несколько примеров кода, демонстрирующих, как можно создавать статические рисунки и анимацию с помощью простого кода.