Kinetic.js使用arc定制命中区域

Question

我从三个月开始在KinaticJS（最新版本）工作。

我面临使用arc（）函数自定义命中区域的问题。我希望命中区域完全如下图所示。

我正在使用下面的代码，但它只需要整个小弧作为它的命中区域。我只需要在图像中显示黑暗（黑色）部分作为命中区域。

drawHitFunc: function(context) {          
    context.beginPath();
    var x = 90;
    var y = 100;
    var radius = 67;
    var startAngle = 1 * Math.PI;
    var endAngle = 2.0 * Math.PI;
    var counterClockwise = false;
    context.beginPath();
    context.arc(x, y, radius, startAngle, endAngle, counterClockwise);
    context.closePath();
    context.fillStrokeShape(this);
},

任何人都可以就此提出建议。

感谢您的时间和提前考虑。 -Naitik

Answer 1

您可以尝试使用cache和drawHitFromCache：http://jsfiddle.net/lavrton/zPLkn/1/

circularText23.cache({
    x : -67 - 5,
    y : - 67 + -5,
    width : 132 + 15,
    height : 132 + 10
});
circularText23.drawHitFromCache();