Canvas Konva缩放填充到舞台上的内容

Canvas Konva缩放填充到舞台上的内容,canvas,konvajs,zoom-sdk,react-konva,konva,Canvas,Konvajs,Zoom Sdk,React Konva,Konva,嗨,我对如何做到这一点很迷茫。我基本上是试图放大一些内容,当它被添加到舞台上 我有一个阶段和一层。一些形状被添加到图层中,比如说一些线被添加了一些预定义的点(X和Y坐标的数组)。添加这些形状时,我想更改舞台的X、Y和比例,以便新形状居中并很好地适合屏幕。无需调整大小或更改所有形状 当添加形状时,它们可能完全看不见,大小不一。因此,我想放大或缩小,以使用此内容填充或适合用户的视图 我不知道康娃在这方面是否真的有什么特别之处。我希望有人能给我指出正确的方向,谢谢。你需要知道的是那一层。getClie

嗨,我对如何做到这一点很迷茫。我基本上是试图放大一些内容,当它被添加到舞台上

我有一个阶段和一层。一些形状被添加到图层中,比如说一些线被添加了一些预定义的点(X和Y坐标的数组)。添加这些形状时,我想更改舞台的X、Y和比例,以便新形状居中并很好地适合屏幕。无需调整大小或更改所有形状

当添加形状时,它们可能完全看不见,大小不一。因此,我想放大或缩小,以使用此内容填充或适合用户的视图


我不知道康娃在这方面是否真的有什么特别之处。我希望有人能给我指出正确的方向,谢谢。

你需要知道的是那一层。getClientRect()会给你一个围绕舞台内容的矩形。由此,您可以计算要应用的最佳比例,以获得缩放的内容以适合窗口,以及要应用到层的位置,以将缩放的内容放置在层的中心