在 Konva 中反转 Y 轴

Question

我必须做很多带角度的绘图，我害怕把它弄乱，因为 y 轴朝向底部。我希望 Y 轴向上。我知道在正常情况下 canvas 您可以通过简单的变换反转 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

在 Konva 中反转 Y 轴

Invert Y axis in Konva

konvajs