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插入图片，可以通过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（）图像转换为舞台

1 个答案: