Генератор логотипов

Реализуйте сайт, помогающий создать логотип из текста. Продумайте набор красивых шрифтов, которые будут доступны для использования (можно использовать Google Fonts). Также продумайте список эффектов, которые можно применять к тексту: тень, градиент, обводка, скос, объем. Проект включает в себя ввод текста, выбор шрифта, применение эффектов к тексту (тень, градиент, обводка), настройку фона и скачивание в формате PNG. Продумайте структуру хранения данных и реализацию логики в коде JavaScript. Вся логика должна выполняться на клиенте без перезагрузки страницы. Скачать верстку для проекта.

Основные возможности проекта

Ввод названия компании.
Выбор красивого шрифта из списка.
Настройка цвета текста и фона.
Применение эффектов к тексту (тень, градиентная заливка, обводка).
Настройка размера текста.
Генерация логотипа на canvas.
Скачивание логотипа в формате PNG.

Главная страница

На странице должны быть размещены:

Форма с настройками: название компании, шрифт, цвет текста, цвет фона, размер текста, эффекты.
Кнопка "Сгенерировать логотип".
Canvas для отображения сгенерированного логотипа.
Кнопка "Скачать" для сохранения логотипа в PNG.

Шрифты

Доступные шрифты для логотипа (можно использовать Google Fonts):

Playfair Display - элегантный, для премиальных брендов.
Montserrat - современный, для IT и стартапов.
Lobster - каллиграфический, для творческих проектов.
Oswald - строгий, для спортивных и мужских брендов.
Pacifico - романтичный, для beauty и lifestyle.

Эффекты текста

Пользователь может применять к тексту различные эффекты:

Тень - добавляет тень к тексту (настраивается цвет, смещение, размытие).
Градиентная заливка - текст заливается градиентом (два или более цвета).
Обводка - добавляет контур вокруг букв (настраивается цвет и толщина).
Скос - текст наклоняется под углом.

Генерация логотипа

Алгоритм генерации логотипа:

Очистить canvas.
Залить фон выбранным цветом (или сделать прозрачным).
Загрузить шрифт из Google Fonts.
Применить выбранный эффект к тексту.
Вывести текст на canvas с учетом всех настроек.

Скачивание результата

При нажатии на кнопку "Скачать" сгенерированный логотип сохраняется в формате PNG с прозрачным или цветным фоном (в зависимости от настроек).

Дополнительные возможности

Добавление подзаголовка (слогана) меньшим шрифтом.
Настройка положения текста на canvas (центр, верх, низ).
Экспорт в SVG для масштабирования без потери качества.