0

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 に上げます。ただし、役立つドキュメントが見つかりません。

何かご意見は？

4

1 に答える 1

3

scaleプロパティを使用して、次のように変更します。

bookImg = new Kinetic.Image({
   x: 100,
   y: 110,
   image: book,
   name: book,
   offset: [85.5, 106],
   opacity: 0,
   scale: { x:0.5, y:0.5 }

});

に：

bookImg.transitionTo({
   x: 100,
   y: 110,
   opacity: 1,
   duration: 4,
   scale: { x:1, y:1 }

});

あなたはそれがここで働いているのを見ることができます

于 2012-09-25T15:08:38.970 に答える