如何使用paperjs進行平移

Question

我一直在試圖弄清楚如何在paperjs中使用onMouseDrag和onMouseDown進行平移/縮放。
我看過的唯一參考文獻是coffescript，並沒有使用paperjs工具。

Answer 1

可以簡化山姆普的方法更多一些：

var toolPan = new paper.Tool(); 
toolPan.onMouseDrag = function (event) { 
    var offset = event.downPoint - event.point; 
    paper.view.center = paper.view.center + offset; 
}; 

事件對象已有一個名爲downPoint的起點的變量。

我已經放在一起快速sketch來測試這一點。

Answer 2

這花了我比我們應該弄清楚的更長的時間。

var toolZoomIn = new paper.Tool(); 
toolZoomIn.onMouseDown = function (event) { 
    pan_start = event.point; 
} 

toolZoomIn.onMouseDrag = function (event) { 
    var a = pan_start.subtract(event.point); 
    a = a.add(paper.view.center); 
    paper.view.center = a 
}