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

Question

我可以单击 html 页面中的图像并将图像渲染到 Konva 阶段。我正在尝试使用 jQuery 淡入（）图像，这就是我卡住的地方。

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

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

我可以使用一些帮助。谢谢

Answer 1

如果您需要fadeIn插入图像，您可以使用 tween viato方法：

            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/