2014-03-06 41 views
0

我知道transitionTo不再是Kinetic中的支持函數。所以,我的問題是,我如何去旋轉文字?我有一個id爲'rotate'的文本,它需要垂直,而其餘文本保持水平。所以,由於transitionTo不再有用,我該如何旋轉此文本?旋轉動力文本

$(xml).find("text").each(function(){       
    var coords = $(this).attr("transform"); 
    var matrix = coords.split(" "); 
    var textX = parseInt(matrix[4]); 
    var textY = matrix[5]; 
    textY = parseInt(textY.substr(0, textY.length - 1)); 

    var font = parseInt($(this).attr("font-size")); 
    var tspan = $(this).find("tspan"); 
    var type = $(this).attr("id"); 

    if(typeof $(this).attr("font-size") == "undefined"){ 
     font = parseInt(tspan.attr("font-size")); 
    } 

    if(typeof type !== "undefined"){ 
     if(type.substr(0,5) == "rotate"){ 
      type = "rotate"; 
     } 
    } 

    if(type == 'rotate'){ 
     text.transitionTo({ 
      rotation: 270 
     }); 
    } 
    text = new Kinetic.Text({ 
     x: textX, 
     y: textY, 
     text: full_text, 
     fontSize: font, 
     fontFamily: 'Arial', 
     fill: 'black', 
     align: talign 
    }); 
}); 

回答

1

使用Kinetic.Tween的現在:

var tween = new Kinetic.Tween({ 
    node: text, 
    duration: 1, 
    rotation: 270 
}); 

tween.play(); 
+0

我並不需要它雖然動畫,我把文本從SVG/AI文件,問題是,文本不來了旋轉。 – User

+1

然後只是做:text.rotation(270):) – markE

+0

我明白了,用不同的方式。不過謝謝。 – User