Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [JavaScript]Dlaczego crop.js nie uwzględnia ratio?
Forum PHP.pl > Forum > Przedszkole
Johnas
Witam, napisałem na kolanie taki skrypt i w sumie to powinien on według mnie działać, niestety, tak nie jest:
[JAVASCRIPT] pobierz, plaintext
  1. var ratio = width / height;
  2. //console.log(ratio);
  3. var $img = $("#target");
  4. var w = $img.width();
  5. var h = $img.height();
  6.  
  7. var xw = 0;
  8. var xh = 0;
  9.  
  10. if (w > h) {
  11. xw = w;
  12. xh = h*ratio;
  13. } else {
  14. xh = h;
  15. xw = w*ratio;
  16. }
  17.  
  18. jcrop_api.setOptions({ aspectRatio: ratio});
  19. var dim = jcrop_api.getBounds();
  20. var x = 0,
  21. y = 0,
  22. x_ = dim[0],
  23. y_ = dim[1];
  24.  
  25. var x_r = (x_ / ratio) - y_;
  26. var y_r = (y_ / ratio) - x_;
  27.  
  28. var xr = w*ratio;
  29. var yr = h*ratio;
  30.  
  31. if (x_r > 0) {
  32. x = x_r / 2;
  33. }
  34. if (y_r > 0) {
  35. y = y_r / 2;
  36. }
  37. jcrop_api.focus();
  38. console.log("xw"+xw);
  39. console.log("xh="+xh);
  40.  
  41. jcrop_api.aspectRatio(ratio);
  42. jcrop_api.setSelect(0, 0, xw, xh);
[JAVASCRIPT] pobierz, plaintext


jak wybierzemy fototapetę, podamy 150 na 350 to dzieje się cyrk w którym nie powinno być klauna...
trueblue
W ostatnim z Twoich tematów pytałem czy zaglądałeś w konsolę przeglądarki. Temat pozostał bez echa.
Widać, że nie korzystasz z konsoli, bo gdybyś to robił, to byłbyś bliżej rozwiązania.
Zajrzyj do konsoli, a potem tu: https://github.com/bomberstudios/jcrop/blob.../tutorial5.html
Johnas
wiem, tam mam syf w konsoli bo to dwa inne projekty... Zaglądam do konsoli tylko szablon którego używam w poprzednim projekcie jest z 2015 roku i dużo się pozmieniało, dlatego do puki nie naprawię błędów tam, to wolałem pozostawić temat bez echa, ale odniosę się do niego zaraz.. Jak widzisz w tym projekcie jest konsola używana... Dziękuje, działa... nie dodałem nawiasów kwadratowych
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.