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

Question

我正在尝试使用pixi和javascript在画布上构建游戏，我的画布是无限的，只有一小部分可见，它超出了可见部分，我需要找到可见部分的边界，以便一旦游戏角色到达边缘，我需要朝着各自的方向移动画布，IAM现在通过跟踪所有内容以一种困难的方式实现了它， 根据用户的不同，可见部分可以在画布上的任何位置，我需要获取边界，如何实现这一点，有什么建议？我正在使用PIXI。很抱歉，我无法将我的代码粘贴到这里，因为它太复杂了，我不拥有它。

Answer 1

如果您使用JavaScript，则可以使用以下方法获取画布的位置和大小：-

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

注意，您应该将画布ID设置为can才能使用上述代码。

Answer 2

我使用Pixi Viewport修复了此问题。