【发布时间】：2019-10-02 23:23:14
【问题描述】：
有没有办法让画布对象滚动到内容之外。 例子： 用 1000*1000 创建的画布。并在画布上启用 PAN 和 Zoom。在画布上绘制一个矩形并用鼠标将矩形移动到边界的边缘（上、右、下、左），它应该将矩形滚动到画布的末端。
现在我的问题是我可以将矩形拖动到浏览器边界。我需要允许矩形拖动到内容之外，以便我可以使用整个画布。我可以平移画布以在浏览器中移动。
谢谢
【问题讨论】：
标签： javascript pixi.js
【发布时间】：2019-10-02 23:23:14
【问题描述】：
PIXI 只是一个在画布上绘制东西的渲染引擎。 PIXI 没有任何机制来控制网页上的画布位置。
解决您的用例的最有效方法可能是：
- 使画布完全适合屏幕（不要将其扩展到屏幕边界之外，切勿将画布作为 DOM 对象进行平移或缩放）。
- 制作“内容”PIXI.Container 来保存您的内容（舞台 -> 内容 -> 矩形），并根据需要更改“内容”容器位置以滚动画布内的内容。
如果你坚持操纵画布位置，你可以将它绝对定位在网页上，并将其作为 DOM 对象进行操纵。
无论您采用何种方法，您都必须检测拖放是否接近边缘并在代码中手动进行平移。据我所知，PIXI 中没有任何东西可以促进这一点。
【讨论】：