javascript - KineticJS を使用して既存の形状内に透明な形状を作成するにはどうすればよいですか?

Question

KineticJS を使用して、別の形状 (またはレイヤー) 内から透明なセクションを「スタンプ」する簡単な方法はありますか?

たとえば、次のコードを使用します。

var stage = new Kinetic.Stage({
    container: 'canvas',
    width: 100,
    height: 100
});

var layer = new Kinetic.Layer();

var rect = new Kinetic.Rect({
    x: 1,
    y: 1,
    width: 96,
    height: 96,
    fill: 'green',
    stroke: 'black',
    strokeWidth: 2
});

layer.add(rect);

var star = new Kinetic.Star({
    x: stage.getWidth() / 2,
    y: stage.getHeight() / 2,
    numPoints: 5,
    innerRadius: 15,
    outerRadius: 40,
    fill: 'yellow'
});

layer.add(star);

stage.add(layer);

キャンバスの背後にある要素が見えるように、緑色のボックス内の星形を透明にする方法を教えてください。フィドルの例を次に示します: http://jsfiddle.net/ZPVxa/

フィルターを調べましたが、それが良い方法だと思いますが、ドキュメントで探しているものが見つからないようです。