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。因此您的矩形可按圖紙，但是就在畫布上的可視範圍。