So I built one using Vue and Tauri (weird stack for such a tool, huh?). It was a pretty fun little project, hope you guys can have some use.
Here's how it works:
- When you press the shortcut, it takes a screenshot and store it in a temp folder
- It then displays an HTML window and passes the screenshot URL to it
- The HTML window has no "decorations" (top bar) and only contains an empty div
- This div uses the screenshot as a background and updates the background position based on the cursor location
- The window location is also updated according to the cursor location using a requestAnimationFrame (so that it does not get triggered too often)
- The wheel event impacts the size of the window, as well as a transform:scale on the background.