javascript - Craftyjs在窗口调整大小时重绘

Question

我对craftyjs 真的很陌生，我编写了一个创建全屏画布的新游戏。游戏创建一个棋盘实例，绘制一个大小为 boardSize X boardSize 的棋盘：

var Game = {
        start: function() {
            Crafty.init();

            var boardSize = Math.min(window.innerWidth, window.innerHeight);
            Crafty.e('Board').board(boardSize);
        }
    };

我希望根据新的窗口大小调整板的大小。我怎样才能做到这一点？

Answer 1

您可以订阅窗口调整大小事件并相应地更改 Board 组件大小。例子：

window.onresize = function() {
  var boardSize = Math.min(window.innerWidth, window.innerHeight);
  Crafty(Crafty('Board')[0]).board(boardSize);
};