用图像替换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