Signature widget

[latin-panda]

Description

Implement the signature widget (spec), which is a specialized version of the draw question type designed specifically for capturing handwritten signatures. This feature should present a canvas with a distinct horizontal line for signing and include a "Gather Signature" button to initiate the capture. Key functionalities include:

• Specialized Canvas: A signature-focused drawing area with a baseline.
• Image Output: Saving the captured signature as a standard image attachment (typically .png or .jpg).
• Signature Appearance: Proper handling of the signature appearance attribute to distinguish it from a general drawing widget.

---

Checklist

• Does it need UI/UX design?
  • Yes. Describe the UI/UX requirements or attach a Figma link in the "Design" section.
  • No
• Does it need API design?
  • Yes. Specify the endpoints, methods, or data structures needed.
  • No
• Does it need design around state flow?
  • Yes. Outline the state flow requirements.
  • No
• Does it need a test plan?
  • Yes. Add the test plan as a comment in this task or attach the document.
  • No

---

User Stories

• As a data collector, I want to capture a formal signature from a respondent so that I can verify consent or completion of an agreement.
• As a form designer, I want to use the signature appearance so that the user is presented with a clear signing area rather than a general-purpose sketchpad.
• As a researcher, I want to ensure that signatures are stored as image files linked to the submission for audit and verification purposes.
• As a user, I want to sign my name using my finger or a stylus and be able to redo the signature if it is not legible.

---

Design

• Figma: [Insert URL]
• Design Docs: [Insert URL]

---

Dependencies

---

Additional Notes

---

Related Issues

• Annotation question type #15
• Draw question type #698