panning vải trực tiếp với raphael.js

Question

Tôi đang cố gắng thực hiện một ứng dụng khi bạn nhấp vào bên ngoài một hình ảnh cho phép bạn xoay khung nhìn bằng cách sử dụng setviewbox(); tôi đã làm một cái gì đó gần gũi với nó, nhưng tôi không hài lòng với nó, tôi sử dụng một hình chữ nhật:

canvas = new Raphael(0,0,canvas_size, canvas_size); 
var rectan = paper.rect(0,0,canvas_size,canvas_size); 
using .drag(move,dragger,up); 
and in the function of move 
var bboxx=this.getBBox(false) 
paper.setViewBox(bboxx.x,bboxx.y,canvas_size,canvas_size,true); 
         this.toBack(); 

tôi gửi lại để nó lộn xộn không thể với những người khác đối tượng hình ảnh động (kéo .. ..) nó hoạt động nhưng tôi vẫn cần biết nếu có thể và tốt hơn hãy nhấp vào/ chạm trên canvas thay vì hình chữ nhật

Answer 1

Tôi khuyên bạn nên sử dụng thư viện để thu phóng và thu phóng.

https://github.com/andrewseddon/raphael-zpd

Sau đó, nếu bạn muốn pan chỉ khi nhấp chuột bên ngoài một hình dạng, bạn chỉ cần để ngăn chặn hoặc ngăn chặn các sự kiện khi nhấp chuột vào bất kỳ hình dạng.