Konva：为什么层的偏移是负的？

Question

在set origin coordinates for react-konva stage中，它提供了一个有用的示例，说明如何使用偏移来设置节点的原点。

该示例将图层的偏移设置为（-200，-200），因此显示整个轴和圆。但我对负面补偿感到困惑。我以为他们应该是（200,200）。但遗憾的是，正面偏移使画布显得空白。任何人都可以解释负面补偿如何运作？

Answer 1

坐标从画布的左上角开始。因此，当您在画布上放置某些内容时，您将从左上角移动到所需的点。简单地说，当你下降时，x坐标向右增加，y坐标增加。该系统称为窗口坐标。

偏移是一个允许您移动画布起点的参数。这种移动的方向与窗口坐标的方向相反，因此符号layer.offsetX(100)表示您将起点向左移动100个像素。

在给定示例中，偏移设置为-200，因此(0, 0)点（前开始）现在位于(200, 200)。

希望我的解释能帮助您理解窗口坐标。