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

Реализуйте сайт, помогающий создать логотип из текста.

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

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

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

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

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

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

Шрифты

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

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

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

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

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

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

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

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

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

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

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

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