如何在一个2d画布上下文中一次绘制多行？多用户草绘板

var canvas = document.getElementById("myCanvas");
var ctx = canvas.getContext("2d");

function drawMultiLines(lines, lineHeight, x, y, text) {
  var words = text.split('\n'); // 将文本按换行符分割成多行
  ctx.font = "12px Arial"; // 设置字体样式和大小
  ctx.fillStyle = "black"; // 设置字体颜色

  for (var i = 0; i < lines; i++) {
    ctx.fillText(words[i], x, y + (lineHeight * i)); // 绘制每一行文本
  }
}

var lines = 3; // 行数
var lineHeight = 20; // 行高
var x = 10; // 起始横坐标
var y = 10; // 起始纵坐标
var text = "Hello\nWorld\nCloud Computing"; // 文本内容

drawMultiLines(lines, lineHeight, x, y, text);