用图像替换 javascript context.arc

【问题标题】：Replace javascript context.arc with an image用图像替换 javascript context.arc
【发布时间】：2015-10-15 17:12:40
【问题描述】：

我有这段代码可以在画布上画一个圆圈。

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

可以用图片代替圆圈吗？

【问题讨论】：

标签： javascript canvas

【解决方案1】：

看起来像 HTML5 Canvas - Fill circle with image 的副本。

在 MDN 上有一个很好的剪辑示例：https://developer.mozilla.org/en-US/docs/Web/API/Canvas_API/Tutorial/Compositing#A_clip_example

【讨论】：