nicht angemeldet
Grafik drehen
Hallo zusammen
Ich wollt mal fragen, ob man eine Grafik um ihre eigene Achse drehen kann.
Ich meine damit nicht Horizontal oder Vertikal spiegeln (mit FlipH() oder FlipV() ), sondern dass man eine Gradzahl angibt und die Grafik so um so viel Grad gedreht wird z.B. um 23 Grad.
Gruß
Eike
-
OK. Etwas kompliziert, aber es geht:
Du mit mit dem Satz des Thales und den Trigonometrischen Funktionen arbeiten:
Das Bils ist z.B. 200 x 200 px. Dann ist bi Mitte: M(100/100)
jetzt fängst du mit Pixel P(1/1) an. Du brauchst den abstand von der mitte, der istA = SQR((AX'2)*(AY'2))
wobei x'y eigentlich x hoch y heisst, und AX bzx AY der Abstand vom Mittelpunkt ist.
'Du hasst also die Cords vom MP
XM = 100
XY = 100
'und die vom Punkt
XP= 1
YP= 1
'der abstand ist dannA = SQR((ABS(XM-XP)'2) * (ABS(YM-YP)'2)
Ok. Die einfachere hälfte haben wir. ;- )
nun brauchst du den Winkel.
ALPHA = ATAN(ABS(YM-YP)/ABS(XM-XP))
OK?
Jetzt hasst du die Cords in das sog. Polarkoordinatensystem umgerechnet.
Nun auf den Winkel deine 32 Grad dazuzählen.
Nun Zurück:
Die neuen Cords sind:
NX = (SIN(ALPHA) * A) + MX
NY = (COS(ALPHA) * A) + MYDas in dein neues Bild zeichnen und fertig!!!
Nochwas: Wenns nich klappt dann wechnet der Computer in Radianten (nicht in Grad!) dann musst du deine Grad in Radianten umrechnen. Das geht do:
Grad = Rad
Das geht allerdings nur mit PHP,Perl oder anderen Hochsprachen(VB, C++, ..., in JavaScript wirts nich gehen :-)!!!)
-
hab noch ne Grafik:
<img src="http://mitglied.lycos.de/peterk/x/bilddrehen.bmp">
-
Danke an alle für die Tips ich werds Morgen mal versuchen, hatte leider heute keine Zeit mehr.
-
-
-
Hallo,
Ich wollt mal fragen, ob man eine Grafik um ihre eigene Achse drehen kann.
Ich meine damit nicht Horizontal oder Vertikal spiegeln (mit FlipH() oder FlipV() ), sondern dass man eine Gradzahl angibt und die Grafik so um so viel Grad gedreht wird z.B. um 23 Grad.Nicht mit HTML und CSS, in SVG z. B. so:
<image x="..." y="..." xlink:href="abc.jpg" width="..." height="..." transform="rotate(23)"/>
MfG, Thomas
-
Tach auch,
Ich wollt mal fragen, ob man eine Grafik um ihre eigene Achse drehen kann.
Ich meine damit nicht Horizontal oder Vertikal spiegeln (mit FlipH() oder FlipV() ), sondern dass man eine Gradzahl angibt und die Grafik so um so viel Grad gedreht wird z.B. um 23 Grad.Ob's mit der Gradzahleingabe geht weiss ich nicht, aber zumindest einen Ansatz findest Du hier:
Funktioniert allerdings nur mit dem IE. Und da wohl nur mit 5.5+
Gruss,
Armin