Javascript pixi无限滚动条

是否有一种方法允许画布对象滚动到内容之外。 例子： 使用1000*1000创建的画布。并在画布上启用了平移和缩放。在画布上绘制一个矩形，用鼠标将矩形移动到边界的边缘（上、右、下、左）。它应该将矩形滚动到画布的末端

现在我的问题是我可以拖动矩形直到浏览器边界。我需要允许矩形拖动到内容之外，以便使用整个画布。我可以平移画布以在浏览器中移动

---

谢谢

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

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

• 使画布完全适合屏幕（不要将其扩展到屏幕绑定对象之外，不要将画布作为DOM对象进行平移或缩放）
• 制作“content”PIXI.Container来保存您的内容（stage->content->矩形），并根据需要更改“content”Container的位置以在画布中滚动内容

如果您坚持操纵画布位置，您可以将其绝对定位在网页上，并将其作为DOM对象操纵

无论您采取什么方法，您都必须检测到拖放接近边缘，并在代码中手动进行平移。据我所知，在PIXI没有任何东西能促进这一点

这是小提琴