Разработка настройщика цветаCSS

Разбираемся в CSS
Ответить
Anonymous
 Разработка настройщика цвета

Сообщение Anonymous »

Я нашел много ресурсов по моему вопросу, но мне бы хотелось услышать мнения, основанные на общем обзоре того, что я пытаюсь сделать.
По сути, я использую комбинацию 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
Ответить

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

Вернуться в «CSS»