画布高度由EaselJS改变。怎么避免这个？

Question

我正在使用Easel JS来开发基于Canvas的Solitaire游戏。

TODO：设置画布的高度并绘制其中的所有元素。

问题： EaselJS自动更改画布高度。

参考文献：

我如何设置身高：

      var gameBoard = document.getElementById("board");

  gameBoard.style.height = window.innerHeight+"px";
  gameBoard.height = gameBoard.offsetHeight;
  gameBoard.style.height = "auto";

Answer 1

不知道你的目标是什么，很难说出问题究竟是什么......但是将CSS“canvas.style.height”属性设置为“auto”似乎是个问题。宽度和高度属性（不是CSS）仍然是您最初设置它们（1300 x 501）。

删除此行，您将在页面加载时留下一个窗口大小的画布。

gameBoard.style.height = "auto";

如果您希望画布的像素数与窗口中的像素一样多，则需要侦听“调整大小”事件并将值应用回画布。

window.addEventListener("resize", function(){
    canvas.width = window.innerWidth;
    canvas.height = window.innerHeight;
});