canvas绘图填色

各位好~

我想请问一下关于canvas的问题

以下是我的代码

------------------------------------------

var ctx = wx.createCanvasContext('myCanvas')

ctx.beginPath()

ctx.moveTo(50, 100)

ctx.lineTo(50, 50)

ctx.lineTo(150, 50)

ctx.lineTo(150, 100)

ctx.arc(100, 100, 50, 0, 2 * Math.PI)

ctx.lineTo(150, 150)

ctx.lineTo(50, 150)

ctx.lineTo(50, 100)

ctx.setFillStyle('blue')

ctx.stroke()

ctx.draw()

------------------结束--------------------------

我得到的是这个图形

我希望的是中间的圆形不填色

四个角落填色

做这个的原因是因为

想要把这个图形盖在图片上

让图片变成圆形的

我用的填色方式错误吗?

还是他本来就不能这样填色

如果是这样的话有其它方法有办法填色或是可以把图片变成圆形的吗?

图片会使用drawImage方法带进来

感谢