KineticJS（4.4.3）在多个页面（图层）之间实现滑动

Question

我正在尝试开发一个包含多个页面的应用程序（包含其他项目的图层）和一个滑动功能，以便在它们之间切换。我尝试了几种变体，但不知怎的，它们都不能满足我的需求，这些变体是：

• 可扩展性（以固定的宽高比绘制所有内容并向上/向下缩放以适合浏览器窗口/屏幕）
• 将可见图层带到屏幕中央
• 隐藏所有其他图层，但隐藏活动/居中的图层
• 在不同图层之间滑动（如iOS或Android-Homescreen）

这个小小的形象可以让你偷偷摸摸我的混乱思想：;）

蓝色矩形是当前活动的图层，它应尽可能地填满屏幕，并且应该在浏览器窗口中居中。要访问隐藏图层（红色图层），用户必须向左/向右滑动。

所有这一切都应该通过最新版本的KineticJS来实现，所以如果您对如何实现此应用程序有任何建议，请与我分享。

最好的问候