Shape類中的哪些屬性可以在KineticJS中轉換

Question

對於我而言Shape類中的哪些屬性在KineticJS庫中是可轉換的並不是很清楚。任何關於主觀的光線都會非常有幫助。

Answer 1

起初我問這個問題，因爲我意識到我不能補間Shape的fill財產，

後卻絲毫搜索我的發現snorkl快速試探其睜開眼睛，我怎麼能動畫它使用綠色的着名TweenMax

所以這就是我能夠設置，我把它放在jsfiddle爲你們，但我不能困擾找到CDN版本的TweenMax和Kinetic。

var stage = new Kinetic.Stage({ 
    container: 'canvasContainer', //Some div's id on your page 
    width: 800, 
    height: 600 
}); 

var layer = new Kinetic.Layer(); 

var circle = new Kinetic.Circle({ 
    x: 0, 
    y: 0, 
    radius: 50, 
    fill: "#FF0000", 
}); 

layer.add(circle); 


TweenMax.to(circle, 1, { 
    setX: 100,  //notice the camelType 
    setY: 100,  //tweenMax translates setProperty to, circle.Property(tweened value) 

    colorProps:{ //if you want to tween colour use colorProps 
     setFill: randomRGB() 
    } 
}); 

TweenLite.ticker.addEventListener("tick", go); 


function go() { 
    layer.draw(); //redraws after each calculation 
} 

希望它可以幫助