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

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

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 учитывая что в стене могут быть лампочки, раковина и прочее. А как это сделать хз.

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