Каким образом генерируется изображение?

Question

[keslo]

Добрый день.
Каким образом тут генерируется итоговое изображение мороженого после выбор цвета?

Тег изображения выглядит так:

<img id="preview_image" class="img-responsive" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAzkAAAJ9CAYAAAAWrL...тут куча символов...==">

Возможно есть готовые библиотеки для создания подобного? Или туториалы? Буду благодарен за ссылки.

Answer 1

[Pavel Torbeev]

base64 кодировка. Вместо ссылки на изображение в атрибуте src установлено само изображение.
Кодировать и декодировать изображение можно на сайте codebeautify.org/base64-to-image-converter

подробнее о base 64 и зачем он нужен, тут

Comments

[keslo]

Не декодируется. Пусто. Может я что-то не так делаю? Копирую закодированную часть - Вставляю в поле - Нажимаю Decode

[Pavel Torbeev]

Прошу прощения, ссылку исправил

Answer 2

[PrAw]

второй компонент - JS, с использованием объекта Canvas динамически рисует.