Client-side ořez obrázku v jQuery

Upozornění: Tohle vlákno je hodně staré a informace nemusí být platné pro současné Nette.
tomas.blaha
Člen | 7
+
0
-

Dobrý večer,

zkoumám, jak by se dal vyřešit ořez obrázku na straně klienta.

Ve zkratce jde o to, že by uživatel vybral do formuláře fotku, v jQuery by vybral ořezovou část 1:1 a tento výsledek by se nahrál jako jeho profilová fotografie.

Řešil někdo něco podobného? Našel jsem nějaká jQuery knihovny, ale nevím moc, jak to implementovat do Nette formulářů.

Děkuji za všechny rady

CZechBoY
Člen | 3608
+
0
-

Tak třeba na obrázek position relative a přes to nějaký ukazovátko s position absolute s kterým půjde hejbat.
Potom si do php pošleš souřadnice a přes nette image to ořízneš.

Nebo jen client-side: http://tympanus.net/…ages-canvas/

Editoval CZechBoY (13. 5. 2016 22:10)

tomas.blaha
Člen | 7
+
0
-

CZechBoY napsal(a):

Tak třeba na obrázek position relative a přes to nějaký ukazovátko s position absolute s kterým půjde hejbat.
Potom si do php pošleš souřadnice a přes nette image to ořízneš.

Nebo jen client-side: http://tympanus.net/…ages-canvas/

Ano, dospěl jsem za tu dobu ke stejnému řešení. Tohle je asi trochu offtopic, ale neexistuje na to v Nette lepší postup, než si v JS souboru napsat/použít něco pro ořez, co mi nastaví hodnoty (souřadnice a velikost) hidden polí? Ty už si potom zpracuji přes Nette image.

Jiří Nápravník
Člen | 710
+
0
-

A co vic bys chtel v Nette, to neni univerzalni knihovna na vse:-) Pouzivam k plne spokojenosti jCrop, ktery nastavi prave ty hidden pole a orezu si to…

tomas.blaha
Člen | 7
+
0
-

Jiří Nápravník napsal(a):

A co vic bys chtel v Nette, to neni univerzalni knihovna na vse:-) Pouzivam k plne spokojenosti jCrop, ktery nastavi prave ty hidden pole a orezu si to…

Máš pravdu, ale zrovna začínám a tak se raději ptám, abych se nevydal nějakou cestou proti logice :-)
Každopádně díky za doporučení, pustím se do toho

Šaman
Člen | 2666
+
0
-

Obecně je Nette hlavně serverový PHP framework. Z klient-side řeší jen validaci formulářů a invalidaci snippetů, tedy možnost zajaxování aplikace. Ostatní záležitosti neřeší a ani to není cílem.