我正在尝试开发一个具有多个页面(带有附加项目的层)和滑动功能以在它们之间切换的应用程序。我尝试了几种变体,但不知何故,它们都不能满足我的需求,它们是:
- 可扩展性(以固定的纵横比绘制所有内容并放大/缩小以适应浏览器窗口/屏幕)
- 将可见层带到屏幕的中心
- 隐藏除活动/居中的所有其他图层
- 在不同层之间滑动(如 iOS 或 Android 主屏幕)
这个小图像应该让你偷偷窥视我混乱的头脑:;)
蓝色矩形是当前活动层,它应该尽可能地填满屏幕,并且应该在浏览器窗口中居中。要访问隐藏层(红色层),用户必须向左/向右滑动。
所有这些都应该使用最新版本的 KineticJS 来实现,所以如果您对如何实现这个应用程序有任何建议,请与我分享。
此致