为什么这两个宽度和高度相同的HTML画布返回不同高度的第二个？

Question

如何使这两幅画布的宽度和高度相同？ 虽然它们的宽度和高度相同，但我不知道为什么它们的尺寸不同。

<canvas id="myCanvas" width="300" height="300" style="border: 1px solid #000000"></canvas>
<canvas id="myCanvas2" width="300" heigt="300" style="border: 1px solid #000000"></canvas>

Answer 1

您在第二个元素的height属性上输入错误

<canvas id="myCanvas2" width="300" heigt="300" style="border: 1px solid #000000"></canvas>

应该是

<canvas id="myCanvas2" width="300" height="300" style="border: 1px solid #000000"></canvas>