Bild um 90 grad drehen

Computer: Software & Programmierung JavaScript & Script-Sprachen
#1

Hallo Experten,

wie kann ich das Bild ( ) um 90 Grad drehen?

Lg,
Chris

#2

Hallo Chris,

vll. hilft dir diese Seite etwas weiter:

http://php.net/manual/de/function.imagerotate.php

GruĂź
Daniel

#3

Hallo,

wie wär’s mit runterladen und im Bildbearbeitungsprgramm den Knopf für drehen drücken?

GruĂź
Der Nicht-den-Link-Ă–ffner

#4

Hallo Chris!

Habe das Script selbst „nur“ gefunden und nicht getestet - sollte aber funktionieren.

----------schnipp------------------------

<?php $file = "image.jpg";
echo ' # Bild drehen TEST'; echo '0° Drehung'; $src\_img = ImageCreateFromJPEG($file); $src\_img = ImageRotate($src\_img,0,0); ImageJPEG($src\_img,"temp.jpg"); echo '[img]temp.jpg[/img]'; echo '90° Drehung'; $src\_img = ImageRotate($src\_img,90,0); ImageJPEG($src\_img,"temp2.jpg"); echo '[img]temp2.jpg[/img]'; ?\> ----------schnipp------------------------ Viel Erfolg wünscht WP
#5

Hi,

als erstes die Frage, warum es gedreht werden soll? In der Regel ist es bedeutend einfacher und meistens auch am sinnvollsten das Bild selbst vorab mit einer Bildbearbeitungssoftware zu drehen.
Wenn es denn unbedingt zur Laufzeit gedreht werden muss könnte man, wenn z.B. jQuery auf der Website schon eingesetzt wird, ein jQuery-Plugin testen, welches diese Funktionalität bereitstellt wie z.B. jQuery-Rotate (https://code.google.com/p/jqueryrotate/).

Eine nicht ganz standardkonforme Lösung mittels proprietärem css wäre z.B. hier beschrieben http://answers.oreilly.com/topic/1004-how-to-rotate-…

Sicher gibt es noch etliche Möglichkeiten dieses Problem entweder auf Client-Seite mittels Javascript bzw. auf Server-Seite mittels PHP/ASP.NET oder einer anderen eingesetzten Sprache zu lösen.

GruĂź

#6

Hi Chris,
indem du das Bild in ein Grafikprogramm lädt’s, es drehst und dann wieder hochlädt’s.

LG
Lo

#7

Per reinem HTML4.01/PHP5 ist es nicht möglich. Ein wenig Javascript oder AJAX wären erforderlich. Mit aktuellsten Browsern und Anpassungen für die unterschiedlichsten Browser ist diese CSS-Lösung jedoch sinnvoll und durchschaubar (90deg = 90 Grad):

http://jsfiddle.net/9kAdP/5/

Viel Erfolg!

#8

Hallo Chris

HTML kann es nicht, mit CSS ist so etwas möglich: http://www.w3.org/TR/css3-transforms/

Eine weitere Möglichkeit wäre ein Skript zu hinterlegen. Ich nutze unter ASP ASPimage: http://www.serverobjects.com/comp/Aspimage.htm

Gruss Andreas

#9

Hallo,

einfach mit einem Bildbearbeitungsprogramm, z. B. Irfanview (kostenlos)

GruĂź,
Achim