Question

我正在编写一个小游戏，其中包括屏幕上的方框，而我正在使用简单的矩形作为时间占位符。但是，当我设置矩形的宽度和高度时，即使它们都被设置为相同的长度，让我们说它为100x100，高度显然比宽度长得多，好像我已经设置了它到100x140。

我有基本的东西来设置画布的分辨率：

<canvas id='canvas' style='border: 1px solid; width: 1920px; height: 1080px;'>
</canvas>

<script>
    var canvas = document.querySelector('Canvas');
    canvas.width = window.innerWidth;
    canvas.height = window.innerHeight;
    var ctx = canvas.getContext('2d');

但我必须做错事/遗失某些事情。我已经尝试将它从1920x1080更改为其他分辨率，但它无法解决问题。有什么想法吗？

Answer 1

您需要描述不同的画布来改变您的代码：

<canvas id='canvas' style='border: 1px solid; width: 1920px; height: 1080px;'>
</canvas>

为：

<canvas id='canvas' style='border: 10px solid' width= '1920' height= '1080' ;>
</canvas>

这就是你应该如何描述画布，一切都应该有效：D

HTML5画布宽度/高度不正确

1 个答案: