我正在尝试在画布上绘制随机大小的矩形。这是我的代码,但是当我运行它时它没有显示任何内容。
答案 0 :(得分:2)
我认为画布的大小已关闭,矩形已从屏幕上绘制出来。
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>
答案 1 :(得分:1)
我认为问题可能是你的矩形的原点是910,400。所以你的矩形可能正在绘制,但只是在画布的可见边界之外。