Как сделать прозрачной внутреннюю часть холста пути ⇐ CSS

[Anonymous]

У меня есть скрипт, который пишет два треугольника, синий и красный.
Я хочу сделать эту область прозрачной вместо синего и красного, как при вырезании из бумаги.
(Я хочу поместить фон изображения, поэтому он должен быть прозрачным, а не белым.)
Я борюсь с методом clip(), но он не работает так, как я хочу.
Как я могу успеешь?

Код: Выделить всё

function draw() {
var canvas = document.getElementById('test');
if (canvas.getContext) {
var ctx = canvas.getContext('2d');
ctx.fillStyle = 'green';
ctx.fillRect(0, 0, 400, 400);
ctx.fillStyle = 'blue';
ctx.beginPath();
ctx.moveTo(50, 70);
ctx.lineTo(100, 100);
ctx.lineTo(150, 200);
ctx.closePath();
ctx.fill();

ctx.fillStyle = 'red';
ctx.beginPath();
ctx.moveTo(100, 170);
ctx.lineTo(300, 200);
ctx.lineTo(350, 300);
ctx.closePath();
ctx.fill();

}
}

Код: Выделить всё

Подробнее здесь: https://stackoverflow.com/questions/792 ... ath-canvas