如何在圓圈上繪製圖像

Question

我在畫布上繪製了兩個圓圈（一個用速度，另一個用一些控件），我一直在試圖在他們每一個上繪製圖像，但我不知道如何去做這個。我已經上傳了圖片。任何人都知道嗎？另外，有人知道爲什麼我的紅色圓圈速度x鍵不起作用嗎？ 代碼：http://jsbin.com/vawitiziro/4/edit

Answer 1

這裏是更新jsbin：http://jsbin.com/tibuxezaca/5/edit

1）使用context.clip在自定義路徑繪製圖像：

context.clip(); 
var w = imageObject.width || 0; 
var h = imageObject.height || 0; 
context.drawImage(imageObject, circle.x - (w/2), circle.y - (h/2)); 

2）在您的更新功能更新X速度

circle.x += circle.vx;