Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: Kadrowanie zdjęć
Forum PHP.pl > Forum > Po stronie przeglądarki
JamalBIG
Witam

Poszukuję kodu dzięki któremu będę mógł zaznaczać określony obszar zdjęcia a następnie wyciąć go za pomocą PHP. Znalazłem skrypt spełniający moje potrzeby na stronie http://odyniec.net/projects/imgareaselect/examples.html, niestety nie wiem jak połączyć funkcję zaznaczania określonej wielkości z funkcją odczytywania współrzędnych za pomocą formularza metodą POST

  1. <script type="text/javascript" src="scripts/jquery.min.js"></script>
  2. <script type="text/javascript" src="scripts/jquery.imgareaselect.pack.js"></script>
  3. <script type="text/javascript">
  4. $(function () {
  5. $('#duck').imgAreaSelect({ x1: 120, y1: 90, x2: 350, y2: 210 });
  6. });
  7. $(document).ready(function () {
  8. $('#duck').imgAreaSelect({
  9. onSelectEnd: function (img, selection) {
  10. $('input[name="x1"]').val(selection.x1);
  11. $('input[name="y1"]').val(selection.y1);
  12. $('input[name="x2"]').val(selection.x2);
  13. $('input[name="y2"]').val(selection.y2);
  14. }
  15. });
  16. });
  17.  
  18. <p style="text-align: center;">
  19. <img id="duck" src="http://odyniec.net/projects/imgareaselect/ladybug_ant.jpg" alt="" />
  20. </p>
  21. <form action="" method="post">
  22. <input type="hidden" name="x1" value="" />
  23. <input type="hidden" name="y1" value="" />
  24. <input type="hidden" name="x2" value="" />
  25. <input type="hidden" name="y2" value="" />
  26. <input type="submit" name="submit" value="Submit" />
  27. </form>


Z góry dzięki za pomoc
Pozdrawiam
zbig
Witam.

No przeciez sam wkleiles kod, ktory to robi wink.gif
Zmien typ inputa z hidden na text i zobacz , ze w momencie jak skonczysz zaznaczac pojawia ci sie w inputach wartosci.
w "onSelectEnd" mozesz ten formularz wyslac, albo mozesz wyslac go recznie.
Chyba ze nie rozumiem o co ci chodzi

Pozdrawiam
JamalBIG
fragment:
  1. $(function () {
  2. $('#duck').imgAreaSelect({ x1: 120, y1: 90, x2: 350, y2: 210 });
  3. });

odpowiedzialny jest za zaznaczanie 'stałego' kwadracika na zdjęciu którego wielkości nie można zmienić, tylko jego położenie, chodzi mi o to aby była możliwość wyciągnięcia z niego danych jak z kodu:
  1. $(document).ready(function () {
  2. $('#duck').imgAreaSelect({
  3. onSelectEnd: function (img, selection) {
  4. $('input[name="x1"]').val(selection.x1);
  5. $('input[name="y1"]').val(selection.y1);
  6. $('input[name="x2"]').val(selection.x2);
  7. $('input[name="y2"]').val(selection.y2);
  8. }
  9. });
  10. });

Tutaj można zaznaczyć dowolnych rozmiarów obszar a chciał bym aby ten obszar był z góry narzucony i tak jak pisałem można było zmieniać jedynie jego położenie - np. muszę wyciąć ze zdjęcia twarz która jest w dolnym prawym rogu ale wycięty obszar musi mieć wymiary 200x150px
zbig
Witam

zobacz tutaj http://odyniec.net/projects/imgareaselect/usage.html
Sprobuj uzyc zamiast "onSelectEnd" jeden z nastepujacych EventHandlerow ( co za slowotworstwo wink.gif )
onInit, onSelectStart, onSelectChange,

albo uzyj metody "getSelection"

Jezeli nic z nie zadziala musialbys rozkminic sam plugin i dodac swoj Handler.

Pozdrawiam
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.