2012-07-31 14 views
5

Na facebooku obraz miniatury zniknie z części pełnego obrazu i możemy go przesunąć, abyśmy mogli dopasować miniaturę zdjęcia do wybranej pozycji, jak to zrobić to za pomocą technologii internetowej.Przeciągnij obrazek, aby dostosować pozycję, tak jak w obrazie profilu na facebooku

enter image description here

Na przykład, możemy przeciągnąć obraz, aby przesunąć pozycję miniatury.

+0

masz na myśli druging aby wyciąć wybrany fragment obrazu, który będzie używany jako miniatury –

+0

potrzebują przykład dać lepszą odpowiedź, być może zajrzeć imageresizing.net mają jakieś dobre rzeczy tam na obrazie manipulacja –

+0

proszę czekać ... zrobię teraz obraz. –

Odpowiedz

4

Możesz spróbować czegoś takiego: jquery plugin. To nie jest identyczne z Facebookiem, ale zapewnia kontrolowaną funkcjonalność przycinania.

W przeciwnym razie, pytanie zostało odebrane tutaj: Is there a jQuery image cropping plugin similar to Facebook's image crop?

EDIT: Spróbuj tego: imgareaselect.

+0

To nie jest w rzeczywistości kadrowanie, to jest przenoszenie –

+0

ah, moje złe. Sprawdź moją edycję – Jarrod

+0

Dziękuję, wystarczająco blisko :) –

6

Szukałem dokładnie tego samego rodzaju wtyczki, nie mogłem go znaleźć, więc napisałem jeden :). Sprawdź to. Jest to bardzo proste i nie wiele możliwości, ale nadal przydatne. Użyj go dobrze rozprowadzić, kredyt ja też;)

. 

Edit: 22 gru 2013

zauważyłem, że wersja z użyciem procentów nie działa zgodnie z oczekiwaniami. Link jest teraz aktualizowany.

I aslo dodał oś X w wersji

JSFiddle (Y-Axis)

JSFiddle (X-Axis)

+1

+1 dla prostego – Bujji

+0

Cześć Ergec, zrobiłeś to dawno temu, ale to jest dokładnie to, czego potrzebuję, dzięki. Jedno szybkie pytanie, wydaje się, że obraz pojawia się tylko wzdłuż osi Y (w pionie), w jaki sposób sprawić, aby działał w poziomie (tj. Obraz jest szerszy niż maska ​​#)? Bawiłem się skrzypcami zmieniając szerokość maski, ale to nie działa. Dzięki. –

+1

@ObiOnuorah zredagowałem moją odpowiedź – Ergec

Powiązane problemy