阿爾特圖像動能

Question

我有以下對象：

thegirls.onload = function() { 
     thegirls = new Kinetic.Image({ 
      x: 50, 
      y: 30, 
      image: thegirls, 
      width: 106, 
      height: 118 
     }); 
     layer2.add(thegirls); 


     layer2.draw(); 
     } 
    thegirls.src = "01.png"; 

我想打一個函數來改變圖像，但我不能改變圖片

代碼：

function changegirls(){ 

thegirls.src = "02.png"; 
    layer2.draw(); 

} 

感謝所有

Answer 1

您可以使用.setImage更改Kinetic.Image的圖像

var kGirls; 

thegirls.onload = function() { 
     kGirls = new Kinetic.Image({ 
      x: 50, 
      y: 30, 
      image: thegirls, 
      width: 106, 
      height: 118 
     }); 
     layer2.add(kGirls); 
     layer2.draw(); 
} 
thegirls.src = "01.png"; 


function changegirls(){ 

    var img02=new Image(); 
    img02.onload=function(){ 
     kGirls.setImage(img02); 
     layer2.draw(); 
    } 
    img02.src = "02.png"; 

}