0

キャンバス内で画像をドラッグできるように、キャンバス内の画像を処理するために Kinetcjs ライブラリを使用しています。

私が直面している問題の 1 つは、ユーザーがキャンバスにロードされた画像をキャンバスからドラッグできることです。これは、ユーザーがキャンバスの途中で画像をアップロードできるため、画像の処理が完了したときに画像を取得しようとすると明らかに問題を引き起こします。

画像の上部がキャンバスの上部を超えてドラッグできず、画像の下部がキャンバスの下部を超えてドラッグできないようにバインドできる方法はありますか?

4

1 に答える 1

0

私はそれが働いている。これを行う方法に興味がある人のために、私は次のようにしました：

photo.setDragBoundFunc(function(pos){                           
    var yBound = stage.getHeight()-newPhotoHeight;

    if(pos.y >= yBound && pos.y < 0)  {
        var newY =  pos.y;
    } else if(pos.y < yBound) {
        var newY = yBound;
    } else if(pos.y > 0) {
        var newY = 0;
    } else {
        var newY = pos.y;
    }

    return {
            x: this.getAbsolutePosition().x,
            y: newY
           }
    });
于 2013-03-28T12:43:24.520 に答える