Kineticjs:使用命中区域时,Image Stoke不可用

时间:2014-03-10 17:21:01

标签: javascript html html5 canvas kineticjs

我使用Kineticjs命中区域:http://www.html5canvastutorials.com/kineticjs/html5-canvas-pixel-detection-with-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();

当我使用点击区域时,如何让图像显示笔划?

1 个答案:

答案 0 :(得分:0)

如果您想要描边框,可以将drawBorder属性设置为true:

lion.cache({
    drawBorder: true
});

干杯!