Генератор водяных знаков

Представляем вашему вниманию уникальный продукт в мире front-end разработки!
Он очень прост в использовании!

Инструкция по эксплуатации

Внешний вид

Генератор выглядит следующим образом:

Условные обозначения на рисунке выше:

1. Выбор файла, на который будет наложен водяной знак (исходное изображение).
2. Выбор файла, который будет служить водяным знаком.
3. Настройка положения водяного знака (более подробно см. ниже).
4. Регулировка прозрачности.
5. Область предварительного просмотра.

Настройка положения водяного знака

Существует 3 способа настройки (на рисунке выше):

1. Драг - изменяйте позицию водяного знака напрямую с помощью мыши.
2. Сектор - нажимайте на его кнопки, и водяной знак будет принимать соответствующее положение.
3. Спиннер - изменяйте позицию координат X и Y с помощью стрелок.

Сброс и загрузка

Для обнуления положения водяного знака, а также его прозрачности, воспользуйтесь кнопкой "Сброс".
Для загрузки полученного результата, воспользуйтесь кнопкой "Скачать".

Установка проекта на локальный компьютер

Откройте программу Git Bash (если вы на Windows) или терминал (если вы на Linux/Mac OS) и выполните команды:

git clone https://github.com/sosnovskyas/ls-w-09-15-quest3-team8.git generator
cd generator
npm i
bower i
gulp

Данный проект с открытым исходным кодом. Каждый из вас может поучаствовать в работе над генератором!

Разработчики

• Алексей Сосновский (sosnovskyas) - тимлид, JavaScript
• Сергей Иванов (Ivanofsa) - JavaScript
• Илья Соловейчик (thesiv95) - JavaScript, readme
• Сергей Внуков (sergeivnukov) - вёрстка (Jade, Sass)