在鼠标焦点中缩放图表

Question

我有一个自定义图表，我使用以下代码缩放它：

final double SCALE_DELTA = 1.1;
        treePane.setOnScroll(new EventHandler<ScrollEvent>()
        {
            @Override
            public void handle(ScrollEvent event)
            {
                event.consume();

                if (event.getDeltaY() == 0)
                {
                    return;
                }

                double scaleFactor = (event.getDeltaY() > 0) ? SCALE_DELTA : 1 / SCALE_DELTA;

                treePane.setScaleX(treePane.getScaleX() * scaleFactor);
                treePane.setScaleY(treePane.getScaleY() * scaleFactor);
            }
        });

我注意到当我用鼠标滚轮滚动图表时，我不能缩放鼠标指向的图表。相反，图表会向左或向右缩放。

Answer 1

我没有使用过javafx，但无论如何我都会尝试回答。从我使用Win32API/GDI和XNA的经验来看，您肯定能够读取鼠标坐标。您所显示的任何内容都显示在坐标x，y处。当您想要缩放和缩放到光标的位置时，您将记住以下内容重新绘制：（假设缩放因子=z，mouseX和mouseY鼠标坐标X和Y为新坐标）
您的光标将必须指向相同的像素，因此，如果图像现在大z倍，那么鼠标坐标也将相对于图片来源大z倍。在这些坐标（本质上是从图像顶部和左侧的距离）中，您必须添加源本身的坐标，该坐标相对于窗口的左上角应该保持不变。这最终意味着mousex-x=(mousex-x)*z，这意味着X=mousex-(mousex-x)*z
Y坐标也是如此。理论上，这应该可以完美地工作，我没有用代码尝试过，但它在纸上似乎是正确的。你会注意到X和Y似乎变小了，本质上，它们甚至可能变成负数，因为通过缩放并保持鼠标在相同的像素上，您将左上角进一步向上和向左推/伸展，可能是从屏幕之外。
您可能会使用滚动条，但它们的位移原理是相同的。
稍微玩一下变量，使它们适合绘图模式，我不知道您正在使用的库是从屏幕（0,0）开始，还是从窗口开始，还是从工作区域开始，所以您必须将其适应代码的其余部分，但这是其背后的数学/几何。