javascript - Canvas 渲染一次，完成所有操作后

有点困惑的时刻，感谢任何帮助。

我正在制作一个使用 Canvas 渲染游戏板的应用程序。
而且我遇到了一个问题，那就是它不是最佳的，它为每个小的变化绘制了 Canvas 。

这是目前的结构:

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

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

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

函数与相互传递上下文协作。

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

我想知道是否可以在renderCanvas函数中以某种方式启动startPath(例如beginPath)，并且在完成所有带上下文的操作后-我可以一次全部渲染吗？

最佳答案

您只能为beginPath做一种样式...

因此，如果您的单元格需要不同的颜色，字体，不透明度，则必须为每种不同的样式执行一个beginPath(但是您可以将相同样式组合在一起成为一个beginPath)。