Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> Kadrowanie zdjęć
JamalBIG
post
Post #1





Grupa: Zarejestrowani
Postów: 496
Pomógł: 1
Dołączył: 16.01.2008
Skąd: Świnoujście

Ostrzeżenie: (0%)
-----


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
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi (1 - 3)
zbig
post
Post #2





Grupa: Zarejestrowani
Postów: 144
Pomógł: 30
Dołączył: 5.05.2007
Skąd: Mannheim

Ostrzeżenie: (0%)
-----


Witam.

No przeciez sam wkleiles kod, ktory to robi (IMG:style_emoticons/default/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
Go to the top of the page
+Quote Post
JamalBIG
post
Post #3





Grupa: Zarejestrowani
Postów: 496
Pomógł: 1
Dołączył: 16.01.2008
Skąd: Świnoujście

Ostrzeżenie: (0%)
-----


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
Go to the top of the page
+Quote Post
zbig
post
Post #4





Grupa: Zarejestrowani
Postów: 144
Pomógł: 30
Dołączył: 5.05.2007
Skąd: Mannheim

Ostrzeżenie: (0%)
-----


Witam

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

albo uzyj metody "getSelection"

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

Pozdrawiam
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 16.09.2025 - 17:21