Javascript Kineticjs:使用命中区域时，图像斯托克不可用

我使用Kineticjs命中区域作为弹出窗口：

我的图像有一个笔划：

var lion = new Kinetic.Image({
          image: images.lion,
          x: 280,
          y: 30,
          stroke: "red" 
        });

图像有一个笔划时，没有使用命中区域，但当我使用以下我没有看到任何笔划

    // in order to ignore transparent pixels in an image when detecting
    // events, we first need to cache the image
    lion.cache();

    // next, we need to redraw the hit graph using the cached image
    lion.drawHitFromCache();

    // finally, we need to redraw the layer hit graph
    layer.drawHit();

---

使用命中区域时，如何使图像的笔划可见？

如果要对边界框进行笔划，可以将drawBorder属性设置为true：

lion.cache({
    drawBorder: true
});

---

干杯

docu说这是“为了调试目的”这是真的吗？docu说“缓存节点并在边界框周围绘制红色边框”，我想这取决于您的设计需要。drawBorder是一款很好的荧光笔，但是如果你需要更灵活的东西，你可以创建一个带有笔划矩形的群组，里面有你的图片。我是kineticjs的新手。你能举个例子吗？KineticJS必须在图层对象内部绘制画布。您在页面上看到的一个画布，另一个不可见，但用于命中检测（用于任何指针事件）。因此，您可以使用

drawsecene

功能仅更新可见的“场景”画布，或使用

drawshit

功能仅更新画布，或仅使用

draw

功能同时更新两者。