JavaScript畫布上的隨機大小的矩形

Question

我正在嘗試在畫布上繪制隨機大小的矩形。 這是我的代碼，但是運行時什么也沒顯示。

Answer 1

我認為畫布的尺寸已關閉，並且矩形已從屏幕上繪制出來。

 window.addEventListener('load', drawLine); function drawLine() { var canvas = document.getElementById('myCanvas'); var context = canvas.getContext('2d'); context.beginPath(); context.lineWidth = "100"; context.strokeStyle = 'black'; context.rect(10, 10, Math.floor((Math.random() * 100)), Math.floor(Math.random() * 100)); context.stroke(); } 

 canvas { height: 400px; width: 400px; border: thin solid black; } 

 <canvas id="myCanvas"></canvas> 

Answer 2

我認為問題可能在於矩形的原點是910、400。因此，矩形可能正在繪制，但剛好超出了畫布的可見范圍。