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

Question

您好，我对如何实现这一点非常迷茫。我基本上是在将某些内容添加到舞台时尝试放大它。

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

添加形状后，它们可以完全看不见，大小随机，非常小或大。所以我想放大或缩小以使用此内容填充或适合用户的视图。

我不知道 Konva 是否真的对此有什么特别之处。我希望有人能指出我正确的方向，谢谢。

Answer 1

你需要知道的是 layer.getClientRect() 会给你一个围绕舞台内容的矩形。由此您可以计算出最佳比例以应用缩放以适应窗口的内容，以及应用到图层以将缩放后的内容置于图层中心的位置。