Рисование произвольных картинок на веб-странице

Question

Мне нужно отобразить сгенерированное во время выполнения изображение (в основном состоящее из красивых окон, строк и текста) на веб-странице. В настоящее время мы используем ASP.NET MVC3.

Проблема в том, что я раньше не занимался веб-разработкой, и я понятия не имею, как можно нарисовать произвольную диаграмму на веб-странице. Я использую какой-то Javascript? Как и что мне использовать? Я генерирую изображение на сервере как-то и просто отображаю его? Что-то еще?

Я понятия не имею, с чего начать, не говоря уже о том, чтобы решить актуальную проблему ...

Answer 1

Это зависит от целевого браузера.

Если вы ориентируетесь на самые современные браузеры, вы можете использовать HTML5 Canvas и рисовать на нем с помощью JavaScript (см. http://www.williammalone.com/articles/create-html5-canvas-javascript-drawing-app/).

Если выЧто касается других браузеров (также), то, вероятно, проще всего сгенерировать изображение на стороне сервера (GIF / JPG / PNG). Ваша HTML-страница содержит тег IMG с параметром SRC, установленным для страницы, которая генерирует и возвращаетimage Вы можете найти пример на этой странице: http://www.sitepoint.com/generating-asp-net-images-fly/ (для создания изображения используется ASP.NET).

Answer 2

Рой Диктус довольно хорошо описал общий подход, который вы захотите использовать.Если вы решили использовать современные браузеры и использовать javascript, я бы посоветовал вам взглянуть на Processing.js .Это порт javascript популярной библиотеки Java, и на веб-странице есть несколько примеров кода, демонстрирующих, как можно создавать статические рисунки и анимацию с помощью простого кода.