CanvasRenderingContext2D: метод save()

Метод CanvasRenderingContext2D.save() API 2D-холста сохраняет все состояние холста, помещая текущее состояние на стек.

Сохраняемое на стеке состояние рисования включает:

• Текущую матрицу преобразования.
• Текущую область обрезки.
• Текущий список пунктирной линии.
• Текущие значения следующих атрибутов:
  • direction
  • fillStyle
  • filter
  • font
  • fontKerning
  • fontStretch
  • fontVariantCaps
  • globalAlpha
  • globalCompositeOperation
  • imageSmoothingEnabled
  • imageSmoothingQuality
  • letterSpacing
  • lineCap
  • lineDashOffset
  • lineJoin
  • lineWidth
  • miterLimit
  • shadowBlur
  • shadowColor
  • shadowOffsetX
  • shadowOffsetY
  • strokeStyle
  • textAlign
  • textBaseline
  • textRendering
  • wordSpacing

Нет.

Нет (undefined).

В этом примере используется метод save() для сохранения текущего состояния и restore() для его восстановления позже, чтобы вы могли нарисовать прямоугольник с текущим состоянием позже.

HTML

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

JavaScript

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

// Save the current state
ctx.save();

ctx.fillStyle = "green";
ctx.fillRect(10, 10, 100, 100);

// Restore to the state saved by the most recent call to save()
ctx.restore();

ctx.fillRect(150, 40, 100, 100);

Результат

• Интерфейс, определяющий этот метод: CanvasRenderingContext2D
• CanvasRenderingContext2D.restore()