Question

有点困惑，欣赏任何帮助。

我制作的应用程序，使用画布渲染游戏板。我遇到了一个问题，即它不是最优的，每次变化都会渲染画布。

此处的结构目前是什么：

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）并且在完成所有上下文操作之后 - 我可以渲染一次吗？

Answer 1

每个beginPath只能做一个样式...

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

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

1 个答案: