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



当尝试在Konva中定位形状时,您可以使用.position()函数,并且使用坐标,就像在大多数2D图形中倒置的y网格一样,因此100,100将是正确的100px和向下100px。

但是!在舞台对象上使用.position()时,你似乎得到了非常奇怪的效果,你(与我遇到过的任何网格不同(得到一个倒置的x网格,这样100,100将留下100px和100px

我没有使用过太多 2D 图形,所以我可能会错过一些明显的东西,但stage.position()的文档说get/set node position relative to parent并且它继承自Konva.Node#positionshape.position()文档中所说的完全相同。是不是那个阶段没有父级,所以它的行为不同?还是我错过了别的东西?

显示定位在舞台上如何与形状工作的示例 https://jsfiddle.net/uvp3k6wy/

它们的工作方式完全相同。

node.position()将定义"我们需要在哪里绘制节点"。

stage.position({x: 50, y: 50});意味着该阶段具有的所有节点都将从画布上的{x: 50, y: 50}位置绘制。因此,整个舞台向右下方向移动了50, 50px。

如果你{x: 0, y: 0}有一个红色圆圈,它将有一个绝对位置{x: 50, y: 50}因为它移动了我的舞台位置。

最新更新