canvasで画像データの描画処理において、clip() を利用してクリッピング領域を制約し画像を表示することが出来ますが、

例：円形のクリッピングパス
ctx.beginPath();
ctx.arc(50, 50, 45, 0, Math.PI * 2, false);
ctx.clip();

var img = new Image();
img.src = "clip_pic.png?" + new Date().getTime();
img.onload = function() {
ctx.drawImage(img, 0, 0);
}

上記は円形のクリッピングパスですが、透過pngやベクター形式の画像データからクリッピングパスを生成することはできるのでしょうか？

例えば人物を形どった画像を描画したい時、人物のシルエットをクリッピングパスに使いたいといった形です。

どうぞよろしくおねがいいたします。