为什么konvas [object].position()在形状和舞台上的工作方式不同？

Konva是一个用于HTML5 Canvas的2D绘图库，它提供了一种简单而强大的方式来创建交互式图形应用程序。Konva库中的position()方法用于获取或设置对象的位置。

在Konva中，position()方法在形状和舞台上的工作方式是不同的。这是因为形状和舞台在Konva中具有不同的层级结构和功能。

对于形状对象，position()方法用于获取或设置形状相对于其父容器的位置。形状对象可以是矩形、圆形、线条等。通过调用position()方法并传递新的坐标参数，可以将形状对象移动到指定的位置。例如，shape.position({x: 100, y: 200})将形状对象移动到坐标(100, 200)的位置。

对于舞台对象，position()方法用于获取或设置舞台相对于其父容器的位置。舞台对象是Konva中的顶级容器，用于容纳所有其他形状对象。通过调用position()方法并传递新的坐标参数，可以将舞台对象移动到指定的位置。例如，stage.position({x: 50, y: 50})将舞台对象移动到坐标(50, 50)的位置。

需要注意的是，形状对象的位置是相对于其父容器的，而舞台对象的位置是相对于其父容器（通常是浏览器窗口）的。这是因为舞台对象是整个Konva场景的根容器，它可以包含多个形状对象，并且可以在浏览器窗口中自由移动。

总结起来，Konva中的position()方法在形状和舞台上的工作方式不同，是因为形状对象和舞台对象在Konva库中具有不同的层级结构和功能。形状对象的位置是相对于其父容器的，而舞台对象的位置是相对于其父容器（通常是浏览器窗口）的。