KineticJS transitionTo scale

Question

我正在做一个Kinetic JS的画布项目。我想知道是否有一种方法可以在transitionTo方法中更改对象的比例。下面是我的代码的简化版本。我意识到你可以使用animate方法来做这件事，但是出于一些原因，我不想这么做。

window.onload = function() {
    var stage = new Kinetic.Stage({
        container: 'container',
        width: 1600,
        height: 1200
    });

        var layer = new Kinetic.Layer();
        var book = new Image();
    book.onload = function () {
        bookImg = new Kinetic.Image ({ x: 800, y: 680, image:book, name:book, offset: [85.5, 106], opacity: 0,});

        layer.add(bookImg);
        stage.add(layer);
    }
book.src = "images/book.png";

    setTimeout(function() {
       bookImg.transitionTo({ x: 800, y: 680, opacity: 1, duration: 4, });
    }, 1000);



};

所以在转换到的过程中，我想改变对象的比例。因此，将原始的比例设置为0.5到1，但是我找不到任何文档来帮助我。

有什么想法吗？

Answer 1

使用scale属性将其从以下位置更改：

bookImg =新图书({ x: 100，y: 110，Kinetic.Image: book，name: book，offset: 85.5,106，opacity: 0，scale：{ x:0.5，y:0.5 }

})；

至：

bookImg.transitionTo({ x: 100，y: 110，不透明度: 1，持续时间: 4，比例：{ x:1，y:1 }

})；

你可以看到它是如何工作的here