Kineticjs-將可拖動圖像綁定到畫布

Question

我正在使用Kinetcjs庫在畫布中處理圖像，因此我們可以在Canvas中拖動圖像。

我遇到的一個問題是用戶可以將加載到畫布中的圖像拖出畫布。 當用戶完成圖像處理后，當我們嘗試獲取圖像時，這顯然會導致問題，因為他們可以將圖像上傳到畫布的中途。

無論如何，我們是否可以綁定它，以使圖像的頂部不能拖動到畫布的頂部上方，而圖像的底部不能拖動到畫布的底部上方？

Answer 1

我已經工作了。 對於任何對此感興趣的人，我都這樣做：

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
           }
    });