✔ Grösse der Grafik anpassen

[StefanLausL]

Hallo,

leider erscheint bei mir ständig Serverfehler wenn ich die Suche ausführe.
Deshalb erföffne ich mal einen neuen Thread.

Meine Problem:

Ich habe eine Tabelle in festgelegter Grösse.
Diese besteht aus einer Zelle in der eine Grafik in unbestimmter Grösse eingefügt
werden soll.
Wie erreiche ich es das die Grafik sich an die Zellengrösse anpasst und nicht umgekehrt.
Wenn ich die Grafikgröße mit Width und Height festlegen führt das zu verzerrungen.

Code für übergeordnete Tabelle.....blablabla
<TD ALIGN="CENTER" VALIGN="MIDDLE" COLSPAN="3">
<TABLE WIDTH=100% BORDER="0" CELLPADDING="0" CELLSPACING="0" ALIGN="CENTER">
<TR><TD ALIGN="CENTER" ><IMG SRC=PfadFürBild ></TD></IMG></TR>
</TD></TABLE>
</TD></TR>

Für eine Hilfe wäre ich sehr dankbar

 

[Maik]

Hi,

Wenn ich die Grafikgröße mit Width und Height festlegen führt das zu verzerrungen.

die Verzerrungen liessen sich nur vermeiden, wenn beim Skalieren der Grafik ihr Seitenverhältnis beibehalten wird; dafür wird sie dann je nach Skalierungsgrad pixeliger.

 

[StefanLausL]

Und wie erreiche ich das Beibehalten des Seitenverhältnisses ?

Die Grafiken werden übrigens dynamisch aus einer DB gelesen.
Es ist nicht bekannt welche Maße diese haben.

 

[Maik]

Dann müsstest du diese über ein Script abfragen, um das Verhältnis der Grafikbreite zur -höhe zu ermitteln, und mit diesem Quotienten die Grafik entsprechend zu skalieren.

 

[StefanLausL]

Ok das hab ich mir schon fast gedacht.
Hast Du für so ein Skript wenigstens ein Stichwort nach dem ich dann suchen kann.
Ich hab nämlich keine Ahnung wie das gehen soll.

 

[Maik]

Wie wäre es mit [phpf]getimagesize[/phpf], wenn die Bilder aus einer DB gelesen werden?

 

[StefanLausL]

Habs mit Java hinbekommen.
Danke !

Für alle die es interessiert:
var BreiteMax = 240;
var HoeheMax = 300;


function BildAnpassen(Bild)
{
BreiteAlt = Bild.width;
HoeheAlt = Bild.height;
V = BreiteAlt / HoeheAlt;
if (BreiteAlt > BreiteMax)
{
BreiteNeu = BreiteMax;
HoeheNeu = BreiteNeu / V;
}
else
{
BreiteNeu = BreiteAlt;
HoeheNeu = HoeheAlt;
}
if (HoeheNeu > HoeheMax)
{
HoeheNeu = HoeheMax;
BreiteNeu = HoeheNeu * V;
}
Bild.width = BreiteNeu;
Bild.height = HoeheNeu;

}

 

[Stefan Schuster]

hi,

du kannst doch der grafik einfach eine Prozentangabe in width und height angeben.

Beispiel:
width="100%" und height ="100%"

Die Grafik dürfte dann aber nicht mehr so schön aussehen da sie gezerrt wird.

 

[Maik]

@Stefan Schuster: Und genau das wollen wir ja verneiden, indem beim Skalieren das Seitenverhältnis beibehalten wird.

 

[Stefan Schuster]

@Maik

Alle Grafiken verlieren an Qualität (sehen schlechter aus) wenn Sie gezerrt werden. Auch wenn das Seitenverhältnis beibehalten wird. Es sei den es sind Vectorgrafiken.