javascript - Easeljs 可滚动容器

Question

我有一个 Easeljs 容器，其中包含多行高于屏幕高度的按钮。是否可以使用触摸垂直滚动(平移)容器？想象一下，容器将是设备的宽度和大约 0.80% 的高度。它将比顶部向下 10%，底部 10% 将是不应滚动的导航按钮。我想我可以使用 DOMElement，但应用程序的其余部分仅使用 createjs 容器构建。该应用程序将通过 Cordova 推送到 Android 和 IOS 设备。 有什么想法吗？

Answer 1

这是一个“可拖动” Canvas 的 super 快速示例，应该会给您一些想法。代码有点旧，所以它可能与最新的 EaselJS 版本略有过时，但方法是相同的。

http://jsfiddle.net/lannymcnie/jKuyy/

示例代码:

dragBox.addEventListener("mousedown", startDrag); // Object listens to mouse press
function startDrag(event) {
    // Get offset (not shown here, see fiddle)
    event.addEventListener("mousemove", doDrag);
}
function doDrag(event) {
    // Reposition content using event.stageX and event.stageY (the new mouse coordinates)
}

这是原始的 SO 帖子: Infinite canvas with EaselJS