Konvajs 和 jQuery 到 fadeIn() 图像到舞台

Question

我可以单击 html 页面中的图像并将图像呈现到 Konva 阶段。我正在尝试使用 jQuery fadeIn() 图像，这就是我卡住的地方。

//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/

Konvajs 和 jQuery 到 fadeIn() 图像到舞台

Konvajs and jQuery to fadeIn() image to stage

konvajs