Skip to content

RedactionCanvas

reference
1 min readUpdated

Kind: Component

Source: atloria-monorepo/apps/web/src/app/app/projects/[id]/components/StepEditor.tsx

Draw/clear rectangular redaction regions on a step's screenshot. Coordinates are stored as PERCENT (0-100) of the natural image so they survive re-shoots at any viewport. Drag to add a box; click an existing box to remove it.

Props

NameTypeRequiredDefault
srcstring--
boxesRedactBox[]-
onChangeFunction-

Diagram

mermaid
graph TD
    component_RedactionCanvas_2030974d["RedactionCanvas"]
    class component_RedactionCanvas_2030974d rootComponent

Relationships

  • USES_HOOK → useRef
  • USES_HOOK → useState

Referenced By

  • StepEditor (RENDERS)

Was this page helpful?

Download as PDF