如何在圆圈上绘制图像

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;