kinetic js zindex

Question

不能完全弄清楚如何用kenetic js對這些對象進行分層，我想要將circle放在circle2之上。我在寫'circle.setZIndex（）;'不當？這是打破劇本。

的jsfiddle與.setZIndex行註釋掉：http://jsfiddle.net/ZfuDs/

function writeMessage(messageLayer, message) { 
    var context = messageLayer.getContext(); 
    messageLayer.clear(); 
    context.font = '18pt Calibri'; 
    context.fillStyle = 'black'; 
    context.fillText(message, 10, 25); 
    } 
    var stage = new Kinetic.Stage({ 
    container: 'container', 
    width: 578, 
    height: 200 
    }); 
    var shapesLayer = new Kinetic.Layer(); 
    var messageLayer = new Kinetic.Layer(); 

var circle2 = new Kinetic.Circle({ 
    x: 360, 
    y: stage.getHeight()/2, 
    radius: 90, 
    fill: 'orange', 
    stroke: 'black', 
    strokeWidth: 4 
    }); 
circle2.setZIndex(3); 

    var circle = new Kinetic.Circle({ 
    x: 380, 
    y: stage.getHeight()/2, 
    radius: 70, 
    fill: 'red', 
    stroke: 'black', 
    strokeWidth: 4 
    }); 
    circle.setZIndex(2); 


    shapesLayer.add(circle); 
    shapesLayer.add(circle2); 

    stage.add(shapesLayer); 
    stage.add(messageLayer); 

Answer 1

你可以嘗試先加CIRCLE2形狀，然後添加圈形狀第二

shapesLayer.add(circle2); 
shapesLayer.add(circle); 

，而不是

shapesLayer.add(circle); 
shapesLayer.add(circle2); 

試試這個http://jsfiddle.net/ZfuDs/1/看來，你不能調用的z-index函數的對象添加到一個層，我得到前

Answer 2

：

TypeError: this.parent is undefined 
    this.parent.children.splice(index, 1); 

我沒有得到一個錯誤了，但setZIndex（）方法似乎並沒有工作，但即使如此，但 circle.moveToTop（）確實工作，檢查http://jsfiddle.net/ZfuDs/3