По сути, я использую комбинацию JavaScript и HTML для создания настройщика для веб-сайта друзей. Я должен начать с того, что у меня есть некоторый опыт работы с HTML, но я впервые использую JavaScript (у меня есть опыт работы с Java). Конечной целью будет что-то вроде настройщика, позволяющего пользователям выбирать части велосипеда и менять их цвета для размещения индивидуальных заказов.
У меня есть различные части велосипеда в виде файлов изображений, и я использую эту палитру цветов jscolor, которую можно найти по адресу: http://jscolor.com/examples/#example-showing-hiding, чтобы позволить пользователю выбирать цвет из карты цветов. Мой план состоит в том, чтобы наложить определенную часть (фото) поверх копии той же фотографии и заполнить только одну из них, как наложение слоев в Photoshop. Таким образом, деталь заполняет правильную форму, а не заполняет весь квадрат файла изображения. По мере перемещения курсора цвет должен меняться в реальном времени. После этого они смогут сохранить деталь, и запись цвета будет храниться на сервере.
Поскольку я новичок в JavaScript и не имею большого опыта работы с HTML, мне немного сложно направить это по правильному пути. Поэтому я надеюсь на советы от людей, имеющих опыт работы с HTML/JavaScript/CSS, которые укажут мне правильное направление, чтобы идти по лучшему пути, чем сейчас. Я не был уверен, как «сформулировать» то, что пытаюсь сделать.
Три основные части, о которых я говорю:
- Использование кнопок HTML для загрузки другой детали велосипеда (по сути, загрузка отдельного файла изображения).
- Добавление цвета из палитры jscolor к изображению выбранной детали.
- Сохранение состояния детали, когда пользователь нажимает кнопку «Сохранить».
Подробнее: https://stackoverflow.com/questions/364 ... customizer
Мобильная версия