使用CreateJS删除形状

如何删除CreateJS中的形状？就我的例子而言，我用一个叫做createSquare的函数创建了几个正方形。我的目标是有一个功能或点击事件，只删除被点击的方块。使用CreateJS删除形状

我尝试过事件监听器，并点击，并没有运气。我已经注释了我尝试使用的代码。

JS如下：

var canvas; 
var stage; 
var square; 

function init() { 
    canvas = document.getElementById("canvas"); 
    stage = new createjs.Stage(canvas); 
} 

function createSquare(){ 
    square = new createjs.Shape(); 
    square.graphics.beginFill("red").drawRect(0, 0, 50, 50) 
    square.x = Math.random() * canvas.width; 
     square.y = Math.random() * canvas.height; 
    stage.addChild(square); 
    stage.update(); 
} 

// This code should remove the squares 
/* 
square.on("click", function(evt) { 
    stage.removeChild(this); 
}); 
*/ 

window.onload = init(); 

createSquare(); 
createSquare(); 
createSquare(); 
createSquare(); 
createSquare(); 
createSquare();

来源

2016-02-28 DRB

在CreateJS的事件处理程序通过了event object。鼠标事件收到MouseEvent。

该事件的目标将被点击。

square.on("click", function(evt) { 
    stage.removeChild(evt.target); 
    stage.update(); 
});

您将需要添加侦听器，每个广场创建时。

另外，你可以听一次舞台。

stage.on("click", function(evt) { 
    stage.removeChild(evt.target); 
    stage.update(); 
});

来源

2016-02-29 16:19:31 Lanny

一种好奇的小提琴：https://jsfiddle.net/w1vssodr/3/ – vzwick

这是有道理的，并清除了我的困惑。如果我添加其他形状，将事件添加到每个方块是最好的解决方案吗？例如，如果我想为一个正方形和一个圆圈做些微不同的事件呢？你的其他解决方案的小提琴https://jsfiddle.net/w1vssodr/5/ – DRB

我会推荐一个单一的事件处理程序。你可以很容易地将一个属性放到指明它是什么的形状上，然后在点击处理程序中检查它。这里是一个更新的小提琴，展示了如何删除正方形，并减少了圆圈。 https://jsfiddle.net/lannymcnie/w1vssodr/6/ – Lanny

使用CreateJS删除形状

回答

相关问题