RealmUI Painter

UiNodeKind::Canvas uses UiPaintOp[] for declarative vector drawing.

Primitives

• line-segment
• polyline
• rect
• rect-filled
• circle
• circle-filled
• convex-polygon
• quadratic-bezier
• cubic-bezier
• text

Styles

• Stroke via UiPaintStroke:
  • width
  • color
  • join?
  • cap?
• Fill via UiColor.
• Text:
  • position
  • text
  • size?
  • color
  • align?

Clipping and Ordering

• Canvas.clip controls clipping in the node.
• Ordering follows the UI tree + zIndex.
• Canvas participates in the same document hit/layout flow.