H5canvas 获取对话框的内容后 获取的是数字1-9 打印九层塔(1-9层的结构)
1条回答
- 红毛丶野人 2023-04-21 10:56关注
<canvas id="myCanvas" width="300" height="400"></canvas> <script> var canvas = document.getElementById("myCanvas"); var ctx = canvas.getContext("2d"); // 获取用户输入的数字 var level = parseInt(prompt("请输入塔的层数(1-9):")); // 绘制塔的结构 var x = canvas.width / 2; var y = canvas.height - 20; var width = 20; var height = 10; var gap = 5; for (var i = 0; i < level; i++) { ctx.fillRect(x - i * (width + gap), y - i * (height + gap), (i * 2 + 1) * width, height); } </script>
解决 无用评论 打赏 举报