html5-canvas - 每当我们单击图像时如何隐藏锚点并显示锚点

Question

谁能告诉我如何使用 kinetic.js 在画布中隐藏锚点并在我们单击图像时显示锚点。例如检查这个链接，我们可以隐藏锚点。我已经完成了应用程序，我需要在单击画布后隐藏锚点，我可以拍摄图像数量，并且可以拖放、重新调整大小并将它们保存为图像。我试图隐藏锚但不成功，任何人都可以指导我提前谢谢。

Answer 1

这不是一个完整的解决方案，但看看：http: //jsfiddle.net/n9FLA/1/

您要做的是附加事件处理程序，以便从组中添加或删除锚点。查看您提供的链接，您应该进行如下更改：

    yodaGroup.on('mouseover', function(){
         addAnchor(yodaGroup, yodaImg.getX(), yodaImg.getY(), 'topLeft');
         addAnchor(yodaGroup, yodaImg.getX()+yodaImg.getWidth(), yodaImg.getY(), 'topRight');
         addAnchor(yodaGroup, yodaImg.getX()+yodaImg.getWidth(), yodaImg.getY()+yodaImg.getHeight(), 'bottomRight');
         addAnchor(yodaGroup, yodaImg.getX(), yodaImg.getY()+yodaImg.getHeight(), 'bottomLeft');
         layer.draw();
    });
    yodaGroup.on('mouseout', function(){
        var yodaKids = yodaGroup.getChildren();
        for(var i=1; i<yodaKids.length; i++)
              yodaKids[i].hide(); // .remove() would also work, or .destroy()
        layer.draw();
    });

你必须构建逻辑并选择你想要的事件，但这是你可以做到的。