用图像替换javascript context.arc

我有一个在画布上画一个圆的代码

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

是否可以用图像替换圆？

看起来像是图像的副本

MDN上有一个很好的剪辑示例：