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

在Konva中反转Y轴

1 个答案: