pixi无限滚动条

Question

有没有一种方法可以使canvas对象滚动到内容之外。 例： 使用1000 * 1000创建的画布。并在画布上启用PAN和Zoom。在画布上绘制一个矩形，然后用鼠标将矩形移动到边界的边缘（上，右，下，左），它应将矩形滚动到画布的末端。

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

谢谢

Answer 1

PIXI只是一个在画布上绘制事物的渲染引擎。 PIXI没有任何机制可以控制画布在网页上的位置。

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

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

如果您坚持要控制画布的位置，则可以将其绝对定位在网页上，并将其作为DOM对象进行操作。

无论采用哪种方法，都必须检测到拖放接近边缘并在代码中手动平移。据我所知，在PIXI中没有任何东西可以帮助实现这一点。