Javascript 画布渲染一次，在所有操作之后

有点困惑，谢谢你的帮助

我正在制作一个应用程序，它使用画布渲染游戏板。 我面临一个问题，它不是最佳的，渲染画布的每一个小变化

以下是目前的结构：

function renderCanvas() {
  // calling for each row
}

function renderRow() {
  // calling for each cell
}

function renderCell() {
  // Here i use FillRect and StrokeRect both
}

函数相互协作，相互传递上下文

现在它渲染每个单元格。使用beginPath似乎只处理笔划

---

我想知道我是否可以在renderCanvas函数中以某种方式启动路径（如beginPath），并且在所有上下文操作完成后-我可以一次渲染所有路径？

每个beginPath只能执行一个样式…

---

因此，如果您的单元格需要不同的颜色、字体和不透明度，那么您必须为每个不同的样式创建一个beginPath（但您可以将相同的样式组合到一个beginPath中）。

每个

beginPath

，您只能创建一个样式，因此如果您的单元格需要不同的颜色、字体，不透明度然后你必须为每个不同的样式创建一个beginPath（但是你可以将相同的样式组合到一个beginPath中）。谢谢，这个信息正是我想要的。你可以发布完整的答案，我会接受的。