kinetic.js能夠拖出舞臺？

Question

有誰知道是否可以設置kinetic.js，以便用戶可以在舞臺外拖動？如果用戶將鼠標移出舞臺，一旦鼠標離開舞臺區域，它們就會失去對該項目的控制......如果您拖動比舞臺大的圖像，這很煩人。 （我正在設置一個裁剪界面，在這個界面中，他們將一張圖像拖到一個蒙版後面剪裁成一幅個人資料圖片 - 類似於Twitter所做的）。

我周圍搜索，找不到任何具體的如何解決這個問題。看起來像別人在這裏有類似的問題，不得不修復它的來源一點：Kinetic.js don't lose grip on mouse out

我的想法是使舞臺比目前大得多，並設立一個層作爲較小的掩蔽區，但如果kineticjs只是在鼠標事件離開舞臺時纔跟蹤鼠標事件，那將會更加方便。

Answer 1

您可以使用javascript來跟蹤鼠標的位置並使用.simulate（）繼續拖動對象，即使鼠標位於舞臺之外。 或者你可以放大舞臺，一旦鼠標離開它。 但基本上，你的舞臺是一個div/canvas，它僅限於你定義它的地方。其他一切都是模擬其行爲的技巧。