封装一个canvas表格宽高自适应

好的，对于这个问题，我可以提供以下代码作为参考：

HTML代码：

<canvas id="myCanvas"></canvas>

JavaScript代码：

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

// 设置表格参数
var tableData = [
  [1, 2, 3],
  [4, 5, 6],
  [7, 8, 9]
];
var cellWidth = 50; // 单元格宽度
var cellHeight = 30; // 单元格高度
var padding = 10; // 表格内边距

// 计算表格宽度和高度
var tableWidth = cellWidth * tableData[0].length + padding * 2;
var tableHeight = cellHeight * tableData.length + padding * 2;

// 设置画布宽度和高度
canvas.width = tableWidth;
canvas.height = tableHeight;

// 绘制表格
ctx.fillStyle = "#ffffff";
ctx.fillRect(0, 0, tableWidth, tableHeight);
ctx.fillStyle = "#000000";
for (var i = 0; i < tableData.length; i++) {
  for (var j = 0; j < tableData[i].length; j++) {
    var cellX = j * cellWidth + padding;
    var cellY = i * cellHeight + padding;
    ctx.strokeRect(cellX, cellY, cellWidth, cellHeight);
    ctx.fillText(tableData[i][j], cellX + cellWidth / 2, cellY + cellHeight / 2);
  }
}

这个代码可以创建一个自适应宽高的 canvas 表格，你可以根据自己的需要修改表格参数和样式。希望对你有所帮助！