Skip to content

[Feature Request] Ability to paste/import a background reference image into the canvas #98

Description

@jhertkorn

When recreating a real-world physical setup (like a specific optical breadboard layout) in Optiverse, users currently have to switch back and forth between the app and a reference photo or screenshot. This makes aligning simulation components to match a physical experiment tedious and error-prone. Adding a screenshot can provide a quicker way compared to creating an optical component.

Describe the solution you'd like:
Allow users to paste or import an image directly into the canvas assembly to use as a background reference layer.

Key functionality should include:

  • Clipboard Support: Ability to paste an image directly into the app using Ctrl+V / Cmd+V (e.g., from a screenshot tool).
  • File Import: An option in the menu or canvas UI to upload an image file (PNG, JPEG).
  • Layer Control: The image should sit as the bottom-most layer by default so it doesn't obstruct optical elements.
  • Opacity Control: A slider to adjust the transparency of the background image so users can easily see the Optiverse grid lines and components over it.
  • Basic Transform: Ability to scale, move, and lock the background image in place once aligned.

User Scenario:
A user takes a top-down screenshot of their physical optical breadboard. They paste it into Optiverse, lower the opacity to 40%, lock it, and then instantly place their digital beam source and lenses exactly where they sit on the real-world table.

Additional context:
This workflow is highly popular in CAD and vector software (like Blender, Figma, or Illustrator) for tracing and recreating real-world geometry.

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions