Show HN: I made an open source desktop magnifier for demo and presentations

6 points

3 years ago

I wanted a cool magnifier for my presentations, but couldn't find one (the default windows one was not really usable for my case)

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.

3 comments