Страница на HTML + JavaScript
Необходимо разработать интерактивную html-страницу для подбора цветов объектов svg-изображения
Цель: HTML-страницу, на которой с помощью JavaScript необходимо реализовать функционал по подбору и замене цветов подгружаемого изображения (svg).
Заменяемые цвета получаются из svg-файла, а те, на которые будем заменять, из json-файла (пример файла приложен).
Как это должно работать со стороны пользователя:
1. Пользователь нажимает 'Загрузить' и загружает svg-изображение, которое затем отображается на центральной части экрана.
2. JS-код анализирует файл и выстраивает на месте, указанном стрелкой № 1, квадраты с заливками по цветам, имеющимся в файле.
3. Далее пользователь может кликать на эти квадраты, выбирая определенный цвет для замены. При этом, все объекты на странице с выбранным таким образом цветом выделяются красной обводкой (объекты на изображении + сам квадрат).
4. Выбрав цвет, пользователь может заменить его на любой другой, выбранный из палитры, расположенной под стрелкой № 3. Для этого нужно кликнуть по цвету в этой палитре. Цвета в этой палитре формируются из данных, подгружаемых через json. После выбора цвета соответствующий по горизонтальному уровню квадрат из области под стрелкой № 2 заливается выбранным цветом, как и соответствующие объекты на изображении меняют заливку на новый цвет. Также на квадрате под стрелкой № 2 и на соответствующих объектах на картинке по центру отображается название цвета (берется из json-файла).
5. Нажав кнопку «Сохранить», пользователь может сохранить результат на диск. При этом, обводка всех объектов = none (т. е. выделение сброшено)
Приложения 1
-
4 дня2000 UAH
224 1 0 4 дня2000 UAH
Добрый вечер! Готов к этой работе.
Гарантия на выполнение проекта
Свободный к работе
После Вашего отпуска, мы можем начать сотрудничать
-
4 дня2000 UAH
105 4 дня2000 UAH
Приветствую Вас! Уже давно занимался созданием сайтов на широкий спектр тем. На счету более 4х лет реализации успешных проектов различной величины, работаю с HTML, CSS, JS . С радостью сделаю поставленную задачу. Предлагаю обсудить подробно ТЗ.
-
3 дня2000 UAH
426 2 0 3 дня2000 UAH
Здравствуйте )
Мы ознакомились с Вашими планами и готовы предложить для Вас комплексную работу команды специалистов с опытом работы более 8 лет. Уверен мы сможем справиться с поставленными задачами)
Делаем качественно и в короткие строки.
Будем рады с Вами сотрудничать !
-
3 дня2000 UAH
223 1 0 3 дня2000 UAH
Здравствуйте !
есть опыт верстки -10лет
стэк - сss3, html5, JS/jquery, grid/flex, bootstrap/sass , task manager: gulp webpack
верстаю аккуратно, семантично, адаптивно и кроссбраузерно
CMS: Opencart, WP, joomla
Опыт работы с различными REST API
Всегда на связи.
примеры последних работ:
…
http://sonera.shop ( - верстка + натяжка OpenCart)
https://dymohot.com/ (-верстка + натяжка OpenCart)
https://ligrand.ru/ -верстка
https://hotelcentral.ru/ -верстка
примеры кода
https://github.com/Alexchian/proj2
https://github.com/Alexchian/proj
Обращайтесь !
-
4 дня2000 UAH
6452 151 0 4 дня2000 UAH
Здравствуйте.
Готов выполнить проект согласно ТЗ
Адаптивность, поддержка всех способов заливки в svg
-
5 дней1300 UAH
2556 38 0 5 дней1300 UAH
Добрый день! Ознакомился с тз! Готов приступить. Имею опыт разработки 3 года. Сделаю качественно! Я всегда на связи!
Некоторые проекты которые я реализовал:
https://freelancehunt.com/showcase/work/sozdal-sayt-dev-psf-limited/1602839.html
https://freelancehunt.com/showcase/work/thestrapskiev/1524952.html
-
3 дня2000 UAH
120 1 0 3 дня2000 UAH
Доброго дня, готов взяться за проект, пишите в личные сообщения.
Актуальные фриланс-проекты в категории HTML и CSS верстка
Ищем веб-дизайнера / верстальщика на WordPress (конструктор Divi)https://annalecat.com/corporate-training/ Что нужно сделать: У нас есть одна страница на сайте, которая сейчас выглядит плохо. Нужно переделать её дизайн и сверстать так, чтобы она выглядела красиво, современно и аккуратно. Что мы уже имеем для работы: Текст: Полностью готов… HTML и CSS верстка, Дизайн сайтов ∙ 1 день 18 часов назад ∙ 35 ставок |
Обработка и заполнение пакета документов (Word и PDF)
3015 UAH
Ищу фрилансера для оперативного заполнения и форматирования пакета документов по готовым шаблонам (договоры, контракты, декларации). Что входит в задачу: Заполнение этих самых шаблонов (анкетные данные кандидатов, условия, даты) в готовые формы Word/PDF; Проверка корректности… HTML и CSS верстка, Редактура и корректура текстов ∙ 2 дня 10 часов назад ∙ 32 ставки |
Верстка 3 страницНеобходимо сделать верстку с помощью tailwind под вордпресс. Страницы должны быть максимально изолированы от темы, чтобы не перекрывать никакие стили. Часть элементов уже существует в реализованной теме, их необходимо переиспользовать. Мобильной версии в дизайне нет,… HTML и CSS верстка ∙ 2 дня 14 часов назад ∙ 62 ставки |
Комплексные правки WordPress: замена плагина форм (безопасность), верстка и AI-SEO
1000 UAH
Ищу специалиста по WordPress для выполнения трех блоков задач на действующем сайте: Безопасность и формы (Приоритет): Полностью заменить устаревший плагин форм (который больше не обновляется автором) на современный и безопасный аналог (Fluent Forms / Forminator). Перенести все… HTML и CSS верстка, Поисковое продвижение (SEO) ∙ 2 дня 23 часа назад ∙ 48 ставок |
Разработчик Webflow (Локализация испанского сайта)Ищем Webflow разработчика для локализации сайта на испанский язык. Задачи: Перевести контент сайта https://teplin.agency/ с английского на испанский с помощью AI-инструментов. Наполнить испанскую версию сайта в Webflow. Проверить корректность отображения страниц после… HTML и CSS верстка, Веб-программирование ∙ 5 дней 17 часов назад ∙ 25 ставок |
Львов