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。因此您的矩形可按图纸，但是就在画布上的可视范围。