H5canvas 获取对话框的内容后 获取的是数字1-9 打印九层塔(1-9层的结构)

H5canvas 获取对话框的内容后 获取的是数字1-9 打印九层塔(1-9层的结构)


<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>