📜 ⬆️ ⬇️

linch.me - add annotations to the image




At some point, the fatigue of finding a convenient tool for quickly adding signatures to images reached its apogee, which resulted in the creation of a site to solve this problem.

The name was inspired by Business Lynch Lebedev .
Lynch images look like this:


Analogs


www.pixtick.com - flash.
www.marqueed.com - registration.
www.bounceapp.com - text only and no footnotes.
In addition, they were united by one fatal flaw.
Summary: you need your bike.
')

Creature


Possible solutions with canvass, flush and other new technologies were dropped and a bet on warm tube images and html was made. There are now a lot of image hosting, and you can use any. With some tools, you can get links to images uploaded to Dropbox.
At first I wanted to use neat triangles for arrows, but I got an unpleasant bug in firefox:

Unfortunately, it didn’t work around it, so it was decided to use the arrows.
It wasn’t possible to make a crassive and neatly diagonal arrow, so it was a decision to make it easier - for each side.
Automatic switching of annotations to the directions of the instructions did not begin to fasten the arrows, because it is less clear than simple addition and removal for each side, but I like simple solutions.
When the external component began to work, I turned to a friend who helped make the backend. Screwed saving annotations and image generation. Added generation of a unique URL.

Usage video




Result


http://linch.me/ - use on health!

PS Bonus: if our site is used more than Facebook, then we will add a fun background!

Source: https://habr.com/ru/post/198918/


All Articles