Question

我正在尝试为构成它周边的线周围的圆圈添加drawHitFunc。以下是我尝试过的代码。

  drawHitFunc: function (context) {        
    context.beginPath();
    context.arc(0, 0, this.getRadius()+20, 0, Math.PI * 2, false);
    context.closePath();
    context.fillStrokeShape(this);
 }

此代码在cricle外部和内部提供命中功能。但我希望它只是在周边，我没有看到任何方法这样做。在此先感谢您的帮助。

Answer 1

你可以使用strokeShape（this）而不是fillStrokeShape（this）

您可以试用以下代码

drawHitFunc: function (context) {        
    context.beginPath();
    context.arc(0, 0, this.getRadius(), 0, Math.PI * 2, false);
    context.closePath();
    context.strokeShape(this);
 }

JSFiddle：http://jsfiddle.net/bijaybhandari1989/B34xz/

Answer 2

我有更好的解决方案。我们可以简单地执行以下操作：

drawHitFunc: function (context) {
    context.beginPath();
    context.arc(0, 0, this.getRadius(), 0, (Math.PI * 2), false)
    context.closePath();
    context.setAttr('lineWidth', 20);
    context.setAttr('strokeStyle', this.colorKey);
    context.stroke();
}

如何创建drawHitFunc以围绕构成它周边的线圈？

2 个答案: