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

How to get boundaries of visible part of canvas on screen

我正在尝试使用 pixi 和 javascript 在 canvas 上构建游戏,我的 canvas 是无限的,只有一小部分是可见的,它超出了可见部分,我需要找到可见部分的边界,以便一旦我的游戏角色到达边缘,我需要将 canvas 移向相应的方向,我现在通过跟踪所有内容来以困难的方式实现它, 可见部分可以是 canvas 上的任何位置,具体取决于用户,我需要获得边界,如何实现这一点,有什么建议吗???我正在使用 PIXI。很抱歉我不能在这里粘贴我的代码,因为它太复杂而且我不拥有它。

如果您使用 javascript,那么您可以使用以下方法获取 canvas 位置和大小:-

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 解决了这个问题。