如何围绕构成其周长的线创建drawHitFunc？答案

【问题标题】：How to create drawHitFunc for circle around the line that makes up it's perimeter?如何围绕构成其周长的线创建drawHitFunc？
【发布时间】：2014-01-13 05:18:36
【问题描述】：

我正在尝试为构成其周长的线周围的圆圈添加 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 功能。但我希望它只在外围，我没有看到任何方法可以做到这一点。提前感谢您的帮助。

【问题讨论】：

标签： javascript kineticjs

【解决方案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/

【讨论】：

【解决方案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();
}

【讨论】：