Javascript image overlaying

Am un mic SAAS unde am o nevoie specifică. Vreau să las userii să pună overlay peste imagini anumite elemente fixe: săgeți și pătrate/cercuri. Atât. Nu trebuie manipulare (eventual crop dar cam atât).

Ce m-ar interesa ar fi și să pot stoca poziția elementelor adăugate separat în baza de date (probabil coordonate canvas) ca să le poată edita ulterior, să nu se rasterizeze permanent pe imagine.

Știu că aș putea face de la 0 cu canvas dar nici n-aș vrea să reinventez roata dacă există ceva simplu deja.

Mulțumesc anticipat.

Te-ai uitat peste https://konvajs.org/ ?

2 Likes

Nu dar pare promițător, mulțumesc, o să-l încerc.

1 Like

http://fabricjs.com/

2 Likes

@Emanuel_Gug pareri despre konva.js?

Inițial am încercat celălalt dar Konva am văzut că are support pentru vue și ajută la unele lucruri.

Am implementat doar chestiile de bază, dar mi se pare foarte ok până acum. E pentru un sideproject și nu am
timp așa mult să dedic.

Sper să termin implementarea completă săptămâna asta și revin cu impresii.

Si eu am sa ma apuc astazi sa-l implementez intr-un proiect de React.

@Emanuel_Gug ai implementat konva.js? care a fost experienta ta pe vue?
Eu am implementat-o pe React.js este destul de ok si poti face destul de multe lucruri, mi-a dat ceva batai de cap si nu prea am gasit multe resure pentru React.

Da, am rezolvat, merge cum mă așteptam. Am reușit să o înțeleg mai bine, am implementat chiar și funcția de transform, salvez imaginea și layerele separat pe backend și pot da restore când revine, tot ok.

1 Like