pixi Infinite Scrollbar

问题描述 投票:2回答:1

有没有办法允许画布对象滚动超出内容。示例:使用1000 * 1000创建的画布。并在画布上启用PAN和缩放。在画布上绘制一个矩形并使用鼠标将矩形移动到边界的边缘(顶部,右侧,底部,左侧),它应该将矩形滚动到画布的末尾。

现在我的问题是我可以拖动矩形直到浏览器边界。我需要允许矩形拖动超出内容,以便我可以使用完整的画布。我可以在画布上移动浏览器。

谢谢

javascript pixi.js pixijs
1个回答
1
投票

PIXI只是一个在画布上绘制东西的渲染引擎。 PIXI没有任何机制来控制网页上的画布位置。

解决您的用例的最有效方法可能是:

  • 使画布完全适合屏幕(不要将其延伸到屏幕边界之外,不要将画布作为DOM对象进行平移或缩放)。
  • 制作“内容”PIXI.Container,用于保存您的内容(舞台 - >内容 - >矩形),并根据需要更改“内容”容器位置以滚动画布内的内容。

如果您坚持操作画布位置,则可以将其绝对放置在网页上并将其作为DOM对象进行操作。

无论采用何种方法,您都必须检测到拖放接近边缘并在代码中手动进行平移。据我所知,PIXI中没有任何内容可以促进这一点。

© www.soinside.com 2019 - 2024. All rights reserved.