用图像替换javascript context.arc

Question

我有这个代码在画布上画一个圆。

 create: function(){ 
      context.beginPath(); 
      context.arc(this.x, this.y, this.radius, 0, Math.PI * 2, false); 
      context.fill(); 
     } 

是否可以用图像替换圆圈？

Answer 1

看起来像是HTML5 Canvas - Fill circle with image的副本。

MDN上有一个很好的剪辑示例：https://developer.mozilla.org/en-US/docs/Web/API/Canvas_API/Tutorial/Compositing#A_clip_example