Как в canvas нарисовать произвольную прозрачную фигуру?

Question

[Марк Иваныч]

Здравствуйте, в примере jsfiddle.net/yd7Wv/8987 нарисовал фон, а на нем вывел два прозрачных круга, которые напоминают отверстие в фоне.
Помогите нарисовать какую нибудь фигуру например с помощью lineTo, с таким же эффектом.

Comments

[copal]

Есть сомнения в том, что так вообще возможно. Вот например во флеш есть аналогичная проблема, которая решается только продолжением контура. Не знаю как там сохранить свой вариант, но код будет вот такой -

var c2 = document.getElementById('c').getContext('2d');
c2.fillStyle = '#f00';
c2.beginPath();

c2.moveTo(0, 0);
c2.lineTo(200, 0);
c2.lineTo(200, 200);
c2.lineTo(0, 200);
c2.lineTo(0, 0);

c2.lineTo(30, 30);
c2.lineTo(30, 60);
c2.lineTo(60, 60);
c2.lineTo(60, 30);
c2.lineTo(30, 30);
c2.lineTo(0, 0);

c2.closePath();
c2.fill();

[Марк Иваныч]

Благодарю. Может я не с той стороны к задаче подхожу. А задача примерно такая.

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

[Aves]

Иваныч Марк сделать другое изображение-маску, где стена будет черным цветом, а остальное белым, потом параллельно взять пиксели с помощью getImageData с обоих, и если на маске пиксель черный, то менять цвет соответствующего пикселя на фото