Как встроить canvas на фотографию?
 

Здравствуйте, у меня примерно такая задача.

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

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

Помогите с решением. Вот пример http://jsfiddle.net/yd7Wv/8995/ отрисовал условно стену и две дырки под лампочки, а как сделать произвольные отверстия, так как реальное фото может быть в другой плоскости.

Zhazhah,
нужны специально подготовленные фото -- участки прозрачные - можно просто менять фон

Подготовить такое фото не проблема, фон то как менять. Можно поподробнее:)

а как в css цвет фона меняют?

Непонятно зачем тут canvas. Возьми просто в фотошопе вырежи места, где должен меняться цвет, сохрани в PNG, и меняй background-color.

Благодарю)) Сразу про фон не дошло)