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>