У вас был успех с 2D-графикой через HTML-холст?

Question

Я ищу истории успеха и неудач веб-приложений, отображающих богатую 2D-графику с помощью элемента HTML canvas. Я видел несколько интригующих примеров в Интернете, но хотел узнать о некоторых реальных, практических примерах разработки, выполненных с использованием этого подхода.

Answer 1

Возможно, это не совсем то, что вы ищете, но GWT-canvas стоит проверить. По крайней мере, это проект HTML Canvas.

Answer 2

У меня было приложение для оценки, которое использовало тег canvas. Преподаватель мог установить новую кривую для оценок, и я отобразил бы гистограмму того, сколько учеников получит каждую оценку в зависимости от изменения.

Таким образом, инструктор может легко увидеть, соответствует ли кривая их ожиданиям, и таким образом он может получить желаемую форму.

Я также использовал тег canvas для создания изображений, которые впоследствии можно превратить в настоящее растровое изображение, чтобы я мог легко экспериментировать и решать, какое изображение будет работать лучше, основываясь на отзывах пользователей. Мне быстрее внести изменения с помощью тега canvas, чем получить растровое изображение, чтобы оно имело правильный размер и внешний вид.

Answer 3

Для меня кикер это текст. Мне нужно визуализировать векторную графику И текст.

Таким образом, я предпочитаю SVG.

Тем не менее, для простой графики, даже сложной, CANVAS - отличный инструмент.