kostenloser Webspace werbefrei: lima-city

jQuery Bilder zuschneiden

lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript

1. Autor dieses Themas

   c143

   c143 hat kostenlosen Webspace.

   10:33, 10.6.2015

   Hallo
   Ich habe ein

   <img>

   und tag/gewisse koordinaten">gewisse Koordinaten in px, mit denen ich das Bild zuschneiden möchte. Habe viele jQuery Plugins gefunden, aber da gibt es auch ein Drag'N'Drop so wie Rezisable mit geliefert, was bei mir total überflüssig ist. Die Koordinaten hab ich ja. Danach sollte man das zugeschnittene Bild downloaden können.
   
   Ideen wie man das lösen könnte?
   
   Beispiel:
   Bild: 900 x 400
   Koordinaten: 10, 10 / 450, 200
   http://i.imgur.com/ikEvZYn.png
   
   EDIT: Soll ich das mit einem Canvas lösen? Diese Methode kenn ich, würde aber lieber darauf verzichten.
   
   Beitrag zuletzt geändert: 10.6.2015 10:48:47 von c143

2. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

   lima-city: Gratis werbefreier Webspace für deine eigene Homepage

3. w3j

   w3j hat kostenlosen Webspace.

   12:36, 10.6.2015

   Canvas ist das einzige mit dem man es echt zuschneiden kann und nicht nur ausblenden.
   Du kannst das Bild ja auch erzeugen in einen neuen ing Tag schreiben und die Canvas wieder löschen :)

4. mein-wunschname

   mein-wunschname hat kostenlosen Webspace.

   8:36, 11.6.2015

   w3j schrieb:
   Canvas ist das einzige mit dem man es echt zuschneiden kann und nicht nur ausblenden.
   Du kannst das Bild ja auch erzeugen in einen neuen ing Tag schreiben und die Canvas wieder löschen :)

   
   
   Auf JavaScript-Ebene sicher, aber man kann das Ganze auch im Verbund von JavaScript und PHP lösen, etwa so wie hier
   http://advitum.de/2011/04/jquery-bilder-zuschneiden-direkt-im-browser/
   beschrieben, wenn man da noch ein wenig Ajax einbaut merkt der Anwender kaum einen Unterschied.
   
   Wenn es aber darum geht, dass der Anwender das Bild sowie sofort herunterlädt, dann reicht JavaScript & Canvas wohl aus.
5. Autor dieses Themas

   c143

   c143 hat kostenlosen Webspace.

   11:22, 11.6.2015

   mein-wunschname schrieb:
   Auf JavaScript-Ebene sicher, aber man kann das Ganze auch im Verbund von JavaScript und PHP lösen, etwa so wie hier
   http://advitum.de/2011/04/jquery-bilder-zuschneiden-direkt-im-browser/
   beschrieben, wenn man da noch ein wenig Ajax einbaut merkt der Anwender kaum einen Unterschied.
   
   Wenn es aber darum geht, dass der Anwender das Bild sowie sofort herunterlädt, dann reicht JavaScript & Canvas wohl aus.

   Es sollte mit JavaScript gelöst werden. Aber danke für den Tip.

6. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

   lima-city: Gratis werbefreier Webspace für deine eigene Homepage

Dir gefällt dieses Thema?