• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

Croppic, pomniejszanie obrazów poniżej rozmiarów kontenera

Aruba Cloud VPS - 50% taniej przez 3 miesiące!
+1 głos
333 wizyt
pytanie zadane 5 lipca 2021 w JavaScript przez mikolaj.k Obywatel (1,430 p.)
edycja 6 lipca 2021 przez mikolaj.k
Biblioteka Croppic (http://www.croppic.net/) nie przewiduje pomniejszania obrazów poniżej rozmiarów kontenera. Da się to jednak obejść poprzez modyfikację funkcji zoom() w pliku biblioteki:
https://github.com/sconsult/croppic/issues/100

Próbowałem to robić na różne sposoby, wykorzystując informacje z tego issue, ale nic nie działa. Coś robię źle i nie wiem co.

Przykład:
https://github.com/rudolphreti/croppic_example/

Przykład z githuba online:
https://srv19859.microhost.com.pl/croppic_example/

Biorąc pod uwagę, że Croppic nie jest już wspierany i przestarzały, rozsądna wydaje się zmiana biblioteki na https://fengyuanchen.github.io/cropperjs/ A może znacie jakieś lepsze alternatywy?

Jednak od zrealizowania mojego bieżącego celu dzieli mnie tylko zlikwidowanie tego drobnego problemu z Croppic. Nie jestem zatem do końca pewien co robić.
komentarz 5 lipca 2021 przez ScriptyChris Mędrzec (190,190 p.)

Paczka z przykładem:

Wstaw to proszę na GitHub lub podobny serwis, gdzie nie trzeba pobierać spakowanych plików i są one od początku jawne. 

komentarz 5 lipca 2021 przez mikolaj.k Obywatel (1,430 p.)
OK, zrobione :)
komentarz 6 lipca 2021 przez mikolaj.k Obywatel (1,430 p.)
Cropper (https://fengyuanchen.github.io/cropperjs/) wygląda w porządku. Tylko pojawia się problem. Chcę przesuwać obrazek w ramce kadrującej. W moim projekcie ta ramka jest nieruchoma, nie chcę jej przesuwać:

https://drive.google.com/file/d/1iU0E8MGfffB8Se4_8-vfioYJJFKomyr5/view?usp=sharing

Pomyślę jak to rozwiązać. Jeżeli mi się uda to temat uznam za zamknięty.

1 odpowiedź

+2 głosów
odpowiedź 6 lipca 2021 przez mikolaj.k Obywatel (1,430 p.)
edycja 7 lipca 2021 przez mikolaj.k

Temat uznaję za zamknięty. Zastosuję bibliotekę: https://fengyuanchen.github.io/cropperjs/ Wkrótce zacznę ją testować. Na 99,99% można tam zrobić wszystko, czego chcę: https://drive.google.com/file/d/1iU0E8MGfffB8Se4_8-vfioYJJFKomyr5/view?usp=sharing  Ramkę kadrującą można włączać i wyłączać za pomocą crop() i clear().

Albo jeszcze lepiej: https://fengyuanchen.github.io/cropperjs/examples/fixed-crop-box.html :)

Podobne pytania

0 głosów
1 odpowiedź 720 wizyt
0 głosów
3 odpowiedzi 717 wizyt
pytanie zadane 12 kwietnia 2016 w HTML i CSS przez niezalogowany
0 głosów
1 odpowiedź 160 wizyt

93,096 zapytań

142,059 odpowiedzi

321,513 komentarzy

62,441 pasjonatów

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto polecana książka warta uwagi.
Pełną listę książek znajdziesz tutaj

Wprowadzenie do ITsec, tom 1 Wprowadzenie do ITsec, tom 2

Można już zamawiać dwa tomy książek o ITsec pt. "Wprowadzenie do bezpieczeństwa IT" - mamy dla Was kod: pasja (użyjcie go w koszyku), dzięki któremu uzyskamy aż 15% zniżki! Dziękujemy ekipie Sekuraka za fajny rabat dla naszej Społeczności!

...