当尝试在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#position
与shape.position()
文档中所说的完全相同。是不是那个阶段没有父级,所以它的行为不同?还是我错过了别的东西?
显示定位在舞台上如何与形状工作的示例 https://jsfiddle.net/uvp3k6wy/
它们的工作方式完全相同。
node.position()
将定义"我们需要在哪里绘制节点"。
stage.position({x: 50, y: 50});
意味着该阶段具有的所有节点都将从画布上的{x: 50, y: 50}
位置绘制。因此,整个舞台向右下方向移动了50, 50
px。
如果你{x: 0, y: 0}
有一个红色圆圈,它将有一个绝对位置{x: 50, y: 50}
因为它移动了我的舞台位置。