Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 30.08.2015, 08:43
Аспирант
Отправить личное сообщение для Zhazhah Посмотреть профиль Найти все сообщения от Zhazhah
 
Регистрация: 27.11.2010
Сообщений: 48

Как встроить canvas на фотографию?
Здравствуйте, у меня примерно такая задача.

На фото - интерьер кухни, мне нужно помочь пользователю выбрать нужный цвет стены, подставляя необходимый по клику. Я думаю что лучшее решение для смены цвета стены - Canvas.

Отрисовать по точкам не сложно, сложно учесть, что в стене есть раковина, лампочки и прочее.

Помогите с решением. Вот пример http://jsfiddle.net/yd7Wv/8995/ отрисовал условно стену и две дырки под лампочки, а как сделать произвольные отверстия, так как реальное фото может быть в другой плоскости.
Ответить с цитированием
  #2 (permalink)  
Старый 30.08.2015, 09:36
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,103

Zhazhah,
нужны специально подготовленные фото -- участки прозрачные - можно просто менять фон
Ответить с цитированием
  #3 (permalink)  
Старый 30.08.2015, 20:47
Аспирант
Отправить личное сообщение для Zhazhah Посмотреть профиль Найти все сообщения от Zhazhah
 
Регистрация: 27.11.2010
Сообщений: 48

Подготовить такое фото не проблема, фон то как менять. Можно поподробнее
Ответить с цитированием
  #4 (permalink)  
Старый 30.08.2015, 21:19
Профессор
Отправить личное сообщение для laimas Посмотреть профиль Найти все сообщения от laimas
 
Регистрация: 14.01.2015
Сообщений: 12,990

http://htmlbook.ru/html/map
Ответить с цитированием
  #5 (permalink)  
Старый 30.08.2015, 21:33
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,103

Сообщение от Zhazhah
фон то как менять
а как в css цвет фона меняют?
Ответить с цитированием
  #6 (permalink)  
Старый 31.08.2015, 09:04
Аватар для ruslan_mart
Профессор
Отправить личное сообщение для ruslan_mart Посмотреть профиль Найти все сообщения от ruslan_mart
 
Регистрация: 30.04.2012
Сообщений: 3,018

Непонятно зачем тут canvas. Возьми просто в фотошопе вырежи места, где должен меняться цвет, сохрани в PNG, и меняй background-color.
Ответить с цитированием
  #7 (permalink)  
Старый 31.08.2015, 09:33
Аспирант
Отправить личное сообщение для Zhazhah Посмотреть профиль Найти все сообщения от Zhazhah
 
Регистрация: 27.11.2010
Сообщений: 48

Благодарю)) Сразу про фон не дошло)
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Как в canvas нарисовать одно изображение на другом? Dimaz Общие вопросы Javascript 0 29.07.2013 20:11
Canvas картинка с обесцвечиванием. cheba Общие вопросы Javascript 9 31.05.2013 09:13
Как скопировать canvas и объединить все в один новый lekba Элементы интерфейса 2 26.05.2013 17:38
Решение проблемы кодировок для AJAX и PHP без iconv (cp1251 в AJAX) Serge Ageyev AJAX и COMET 10 24.04.2013 20:48
Как сделать как в JQ? faforty Общие вопросы Javascript 8 14.11.2011 01:35