Hộp xem SVG zoom ở giữa (Raphael)

Question

Tôi cố gắng thu phóng bằng con lăn chuột trên giấy Raphael bằng cách sử dụng viewBox. Here là mã JSFiddle.

nó hoạt động nhưng bây giờ tôi muốn phóng to ở giữa và tôi không biết bắt đầu từ đâu. Tôi đoán tôi nên thay đổi viewBox x và y tọa độ. Tôi đã thử điều này (trong bộ điều khiển hàm (delta)):

x = paper.width - viewBoxWidth; 
y = paper.height - viewBoxHeight; 
paper.setViewBox(x,y,viewBoxWidth,viewBoxHeight); 

nhưng không hoạt động. Tôi sẽ đánh giá cao sự giúp đỡ nào. Cảm ơn bạn!

Answer 1

Kể từ câu hỏi của bạn đã được trả lời trên mailing list Tôi sẽ dán vào đây để tham khảo trong tương lai:

https://groups.google.com/forum/#!topic/raphaeljs/K-84cOe8ZP8

Answer 2

Đối với Zoom Out:

var tempViewBoxWidth = viewBoxWidth; 
var tempViewBoxHeight = viewBoxHeight; 

viewBoxWidth /= 1.10; 
viewBoxHeight /=1.10; 

viewBoxX -= (viewBoxWidth - tempViewBoxWidth)/2; 
viewBoxY -= (viewBoxHeight - tempViewBoxHeight)/2; 

paper.setViewBox(viewBoxX, viewBoxY, viewBoxWidth, viewBoxHeight, false);