🔰graphics state

browser ⟩ canvas ⟩ graphics state

⭐️ 重點

the drawing state that gets saved onto a stack:

• current transformation matrix

• current clipping region

• current dash list： .setLineDash(), .getLineDash(), .lineDashOffset

• current values of:

  • fill / stroke styles:

    • colors ⟩ color wheel

    • patterns, gradients

  • line styles: lineWidth, lineCap, lineJoin, miterLimit, lineDashOffset

  • shadows: shadowOffsetX, shadowOffsetY, shadowBlur, shadowColor

  • compositing: globalCompositeOperation, globalAlpha

  • text styles: font, textAlign, textBaseline, direction

  • imageSmoothingEnabled

📘 手冊

• CanvasRenderingContext2D ⟩

  • .save()

  • .restore()