JavaScript 画布上随机大小的矩形
Randomly sized rectangles on JavaScript canvas
本文关键字:随机 JavaScript 更新时间:2023-09-26
我正在尝试在画布上绘制随机大小的矩形。这是我拥有的代码,但当我运行它时它没有显示任何内容。
我认为画布的大小已关闭,矩形已从屏幕上绘制。
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>
我认为问题可能是您的矩形的原点是 910, 400。因此,您的矩形可能正在绘制,但刚好偏离画布的可见边界。
相关文章:
- 如何在 Javascript/jQuery 中获取一些随机下拉列表的选定值
- 设置随机数,然后每5秒随机减少一次,直到达到0(javascript)
- 显示数字,然后每5秒随机更改一次(javascript)
- 使用javascript和随机暂停/超时快速循环文本
- 使用CSS、HTML和Javascript在随机图像的页面上调整图像大小
- Jquery/Javascript:通过按下按钮显示数组中的随机图像
- Javascript-从随机的单词数组中创建段落
- 通过ID JavaScript显示随机背景图像
- JavaScript-从对象数组中输出随机OBJECT
- 用于循环随机返回的javascript
- Javascript中的随机日期生成
- Javascript从数组中随机选择并按字母顺序排列
- 如何在数组javascript中选择伪随机值
- JavaScript随机报价生成器
- 在JavaScript中生成安全、随机、Ascii编码的字符串
- CRM 2011 Outlook Client 中的随机 JavaScript 错误
- 数学.随机- Javascript
- 将随机Javascript更改为按顺序旋转
- 随机JavaScript视频加载程序
- 随机javascript测试