在 Konva 中反转 Y 轴

Question

我必须用角度画很多东西，而且我担心 y 轴朝向底部会弄乱它。我希望 Y 轴向上。 我知道在普通画布中，您可以通过简单的变换来反转 Y 轴：

var stage = document.getElementById("stage");
const layer=stage.getContext("2d");
layer.transform(1, 0, 0, -1, 0, 3000);

但我不知道我是否可以在 Konva 中做到这一点。这可能吗？

Answer 1

您只需应用负比例 -1 并移动容器使其可见。

const stage = new Konva.Stage({
  container: 'container',
  width: window.innerWidth,
  height: window.innerHeight,
  y: window.innerHeight,
  scaleY: -1
});

演示：https://jsbin.com/vuhuzuroca/1/edit?html,js,output