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);
};