阿尔特图像动能

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"; 

}