Konvajs и jQuery to fadeIn() image to stage

Question

Я могу нажать на изображение на странице html и отобразить изображение на стадии Konva. Я пытаюсь fadeIn() изображение, используя jQuery, и вот где я застрял.

//FADE IN IMAGE 
$('img').on('click', function(e){ 
    e.preventDefault(); 
    $('#container').fadeIn(1000); 
}); 

jsfiddle: https://jsfiddle.net/tommy6s/5w5swLde/8/

я мог бы использовать некоторую помощь. Спасибо

Answer 1

Если вам нужно fadeIn вставленного изображения вы можете использовать анимацию с помощью метода to:

  image.setAttrs({ 
       node: image, 
       x:10, 
       y:10, 
       id: id, 
       draggable: true, 
       opacity: 0 // invisible on adding 
      }); 
      // append to layer 
      layer.add(image); 
      // fade it 
      image.to({opacity: 1}); 

https://jsfiddle.net/5w5swLde/9/