Canvas.save和Canvas.restore是Android图形绘制中的两个方法。Canvas.save用于保存当前画布的状态，包括画布的变换矩阵、剪切区域等信息。而Canvas.restore则用于恢复之前保存的画布状态，以便进行下一次的绘制操作。这两个方法通常会成对出现使用。

Question

Canvas.save和Canvas.restore是Android图形绘制中的两个方法。Canvas.save用于保存当前画布的状态，包括画布的变换矩阵、剪切区域等信息。而Canvas.restore则用于恢复之前保存的画布状态，以便进行下一次的绘制操作。这两个方法通常会成对出现使用。

flutterdartskia

27

我想知道为什么和何时使用 Canvas.save, Canvas.restore, 甚至是 Canvas.saveLayer。
我听说它们非常有用，但我不知道何时使用它们。

- creativecreatorormaybenot

1

有趣的事实：我正在使用你的代码库，也在想 save 和 store 是什么意思（顺便说一下，这是 funvas）。 - shadow

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- creativecreatorormaybenot · Accepted Answer

Canvas.save 和 Canvas.saveLayer 有些微不同，但它们都有相同的对应方法：

`Canvas.restore`

这使您可以在最近一次保存状态之前恢复状态，即它“弹出当前保存堆栈”。这意味着当前状态下对画布进行的任何变换和裁剪都将被删除，如果使用了saveLayer，则将合成保存的图层到画布中（绘制顺序将保持不变）。

`Canvas.save`

如我之前所提到的，这允许您保存画布的状态。您可以进行任何想要的转换和裁剪，并可以通过restore撤消这些更改：

canvas.save();

canvas.transform(..); // Transforms the canvas, which will affect the draw call.
canvas.drawRect(...); // Affected by the transform.

canvas.restore();

canvas.drawRect(...); // Not affected by the transform.

您可以在restore之前使用任意数量的save，堆栈将记住所有条目，即restore将始终弹出最近的条目。

什么时候我会使用它？

例如：如果您想要在绘制较大的图片时旋转单个图块，则可以简单地在save-restore块中执行旋转，并在顶部绘制不带旋转的内容。

请注意，RenderObject的所有子项将使用相同的PaintingContext，即相同的Canvas。因此，如果您在单个子项中转换画布，则所有后续绘制的其他子项也将被转换。这是潜在的不良行为，这就是为什么您总是需要save和restore画布状态的原因。

`Canvas.saveLayer`

这有点复杂，我建议您阅读此方法的全面文档。另外，saveLayer在2019年1月之前无法在Flutter web中使用。

saveLayer和save的基本区别是，在使用restore时saveLayer将合成图层。举个简单的例子，我构建了此片段不使用bounds（这就是为什么传递null），它将保存整个画布：

canvas.drawRect(rect, Paint()..color = const Color(0xffff0000)); // Draws a red rect.
canvas.saveLayer(null, Paint()..blendMode = BlendMode.multiply); // Saves the whole canvas.

canvas.drawRect(
  rect.shift(const Offset(20, 20)),
  Paint()..color = const Color(0xff0000ff), // Draws a blue rect.
);

canvas.restore(); // Composites the red rect into the blue rect.

请注意，蓝色矩形仍将覆盖在红色矩形之上。

这个示例也可以不使用saveLayer来实现，因为我使用的Paint.blendMode也可以传递给Canvas.drawRect。然而，当使用例如TextPainter时，无法传递混合模式。此外，saveLayer允许您传递边界，这提供了更多可能性（请阅读文档以获取更多信息，还有关于剪辑的）。在使用saveLayer时，剪辑实际上可能是最有用的操作 - 我没有包含它是为了拥有一个简单的示例。

这是没有saveLayer的示例：