用圖像替換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