1 июл. 2011 г.

Генерация (batch generation) однотипных картинок с помощью HTML5

Задача:
Генерация однотипных картинок.

Пример задачи:
  • Разноцветные иконки автобусов в зависимости от маршрута (у маршрута свой цветом);
  • Кнопки с различными названиями динамической длинны (в 3х состояниях, не стандартным для web'a шрифтом).

Справка:
  • В html5 появилась возможность рисовать на canvas в 2d. 
  • Кроме того у canvas можно взять image data в base64, примерно так это выглядит:  data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAADICAYAAACt...

Решение:
Пишем на javascript функцию которая рисует на canvas необходимое изображение в зависимости от параметров, берем у canvas image data и отправляем ajax'ом на сервер, где сохраняем как файл.

P.S.
Все. Batch processing картинок который хотелось сделать в photoshop каждому программисту - готов (кстати, а в photoshop можно писать сценарии???).

Комментариев нет:

Отправить комментарий