javascript - 使用 Kineticjs 查找可拖动形状的填充颜色

Question

dragend我有两个不同颜色的圆圈，一旦用户使用事件放开对象，我想获得拖动圆圈的填充颜色。

shapes = new Kinetic.Layer();

circle1 = new Kinetic.Circle({
   x: stage.getWidth() / 3.2,
   y: stage.getHeight() / 3.2,
   radius: radius,
   fill: "blue",
   stroke: "black",
   strokeWidth: 4,
   name: "circle",
   draggable: true
});  

circle2 = new Kinetic.Circle({
   x: stage.getWidth() / 1.5,
   y: stage.getHeight() / 1.4,
   radius: radius,
   fill: "yellow",
   stroke: "black",
   strokeWidth: 4,
   name: "circle",
   draggable: true
 });  

 shapes.add(circle1);
 shapes.add(circle2);
 stage.add(shapes);

Answer 1

您可以将处理程序添加到形状并使用getFill()

function iGetFill(){
    var color = this.getFill();
}

circle1.on('dragend',function(){
    iGetFill.apply(this);
});

circle2.on('dragend',function(){
    iGetFill.apply(this);
});