javascript - 如何围绕构成其周边的线创建 drawHitFunc？

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 的外部和内部提供了 hit 函数。但我希望它只在外围，但我没有看到任何方法可以做到这一点。预先感谢您的帮助。

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/