Kineticjs: Image Stoke ist nicht verfügbar, wenn die Trefferregion verwendet wird - javascript, html, html5, canvas, kineticjs

Ich benutze Kineticjs Hit-Region wie in: http://www.html5canvastutorials.com/kineticjs/html5-canvas-pixel-detection-with-kineticjs/

Mein Bild hat einen Strich:

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

Das Bild hat einen Strich, wenn keine Trefferregionen verwendet wurden, aber wenn ich den folgenden verwende, sehe ich keinen Strich.

    // 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();

Wie kann ich den Strich für ein Bild sichtbar machen, wenn ich Trefferregionen verwende?

Antworten:

Wenn Sie möchten, dass der Begrenzungsrahmen gestrichen wird, können Sie die drawBorder -Eigenschaft auf true setzen:

lion.cache({
drawBorder: true
});

Prost!