svg - SVG viewBox 放大中心（拉斐尔）

Question

我尝试使用 viewBox 在 Raphael 纸上使用鼠标滚轮进行缩放。这是 JSFiddle 代码。

它可以工作，但现在我想放大中心，我不知道从哪里开始。我想我应该改变 viewBox x 和 y 坐标。我试过这个（在函数句柄（delta）中）：

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

但没有用。我将不胜感激任何帮助。谢谢！

Answer 1

由于您的问题已在邮件列表中得到解答，因此我将其粘贴在这里以供将来参考：

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

Answer 2

对于缩小：

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