Javascript 如何获取屏幕上画布可见部分的边界

我正在尝试使用pixi和javascript在画布上构建一个游戏，我的画布是无限的，只有一小部分是可见的，它延伸到可见部分之外，我需要找到可见部分的边界，以便一旦我的游戏角色到达边缘，我需要将画布移向各自的方向，我现在通过跟踪每件事艰难地实现了这一目标，

---

可视部分可以是画布上的任何地方，这取决于用户，我需要获得边界，如何实现这一点，有什么建议？？？我正在使用PIXI。很抱歉，我不能将我的代码粘贴到这里，因为它太复杂了，而且我不拥有它。

如果您使用javascript，那么您可以使用以下方式获得画布位置和大小：-

var can = getElementById("can");
var width = can.width;
var height = can.height;
var left = can.style.left;
var top = can.style.top;

---

注意：您应该将canvas id设置为can以使用上述代码。

我使用了Pixi Viewport来解决这个问题

到目前为止，你做了哪些尝试？使用屏幕宽度和高度，跟踪移动，保存发生的数据，但这些看起来像是昂贵的操作。你可以发布一些你的工作代码，以便有人可以更新他们的答案！现在发生的事情是，我必须跟踪一切，包括屏幕分辨率和每一个动作，我的画布可以被拖动，所以所有这些东西看起来都像一个头顶，我只是想知道是否有更好的方法来做到这一点。很抱歉，我无法将我的代码粘贴到这里。我只是好奇，因为我从来没有使用过pixi，您是否正在创建一个掩码作为pixi的矩形显示对象？您是否使用_recursivepositionpdatetransform进行拖动？没有像getElementById这样的方法。尝试使用文档。getElementById