Лендинг с рабочим генератором мемов: четыре шаблона в духе американских плакатов, указов и новостей, живое превью и скачивание PNG. Всё рисуется на canvas, без библиотек и серверов.
Мемы любят все, но генераторы обычно перегружены рекламой и водяными знаками. Захотелось сделать один чистый экран: выбрал шаблон, написал текст, скачал картинку. Стиль — американская плакатная эстетика: флаг, звёзды, полосы.
Все шаблоны нарисованы кодом на Canvas 2D: флаг, щит, печать, подпись и штамп. Размер шрифта подбирается автоматически под длину текста, а превью шаблонов в сетке рендерятся той же функцией, что и основной холст.
На телефоне превью мема встаёт над формой, а шаблоны выстраиваются сеткой 2×2 — текст можно править и сразу видеть результат.
Холст масштабируется по ширине экрана, готовый PNG при этом остаётся 1080×1080. Горизонтального скролла нет.
зависимостей: чистые HTML, CSS и JavaScript
шаблона мемов с авто-подбором шрифта
пикселей — размер скачиваемого PNG
файл со всей логикой и стилями