javascript - canvas中使用destination-out去掉的部分为什么显示的是背景色，而不是透明的？

Question

canvas中使用destination-out去掉的部分为什么显示的是背景色，而不是透明的？

代码放在：http://codepen.io/fonglezen/pen/NqXKrq

如果把图片不放在canvas可以实现我想要的功能，但是加入我需要把这个图片放在canvas中，
应该如何处理呢？
类似于通过这个圆可以看到图片的局部内容。

**********************************2015年6月26日 11:55:46************************
http://codepen.io/fonglezen/pen/gpoYxV
使用了clip实现了类似的功能。

是否还有什么其他方法？另外这个裁剪的边边有锯齿，这个比较好的处理办法是什么呢？

Answer 1

加上ctx.stroke();好很多

img.onload = function(){
    ctx.beginPath();
    ctx.arc(180,120,100,0,Math.PI*2);
    ctx.stroke();
    ctx.closePath();

    ctx.save();
    ctx.clip();
    ctx.drawImage(img,0,0,500,500);
    ctx.restore();

}