• 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

+1 głos
523 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ź 972 wizyt
0 głosów
3 odpowiedzi 940 wizyt
pytanie zadane 12 kwietnia 2016 w HTML i CSS przez niezalogowany
0 głosów
1 odpowiedź 215 wizyt

93,631 zapytań

142,555 odpowiedzi

323,056 komentarzy

63,139 pasjonatów

Advent of Code 2025

Top 15 użytkowników

  1. 2900p. - dia-Chann
  2. 2870p. - DziarnowskiJ
  3. 2827p. - Łukasz Piwowar
  4. 2783p. - raydeal
  5. 2758p. - Adrian Wieprzkowicz
  6. 2713p. - rucin93
  7. 2579p. - Łukasz Eckert
  8. 2523p. - Maurycy W
  9. 2459p. - CC PL
  10. 2082p. - Michal Drewniak
  11. 1885p. - robwarsz
  12. 1851p. - Mariusz Fornal
  13. 1811p. - rafalszastok
  14. 1600p. - Rafał Trójniak
  15. 1588p. - Tomasz Bielak
Szczegóły i pełne wyniki

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

Kursy INF.02 i INF.03
...