更改陣列輸出的Y位置

Question

專業人士的簡單問題..我想輸出數組項，並更改y位置。我錯過了一些東西。輸出在同一行上。這是我的Jsfiddle。謝謝您的幫助。

var s = new Kinetic.Stage({container: 'toolpanel', width:500, height:700}); 

var l = new Kinetic.Layer(); 

var cp3 = new Kinetic.Rect({x: 100,y: 10,width: 400,height:700, stroke:'black'}); 
l.add(cp3); 

var desc = new Kinetic.Text({x: cp3.getWidth()/ 2,y: 20,text: 'Your Personalization',fontSize: 16,fontFamily: 'arial',fill: 'black',padding: 4}); 
l.add(desc); 


s.add(l); 


var odesc = []; 
odesc.push("Glove Type:_20"); 
odesc.push("Glove Series:_40"); 
odesc.push("Glove Positons:_60"); 


for (var s = 0; s < odesc.length; s++){ 
    var db = odesc[s]; 
    var sdb = db.split("_"); 
    var text = sdb[0]; 
    var ly = 0; 
    var label = new Kinetic.Text({ 
     x: 100, 
     y: ly+=20, 
     text: text, 
     fontSize: 16 , 
     fontFamily: 'arial', 
     fill: 'black', 
     padding: 1, 
     align: 'left' 
    }); 
    l.add(label); ly += 10; 

} l.draw(); 

Answer 1

這將幫助你

上面的for循環移動var ly = 0;。目前，所有文字均爲y，因此所有文字都會混淆。

DEMO