Bilder verzerrfrei skalieren

[:: RK ::]

hi,

ich lade bilder in meinen Flashfilm, dann sollen die Bilder, die
größer als die sichtbare Fläche sind runterskaliert weden.
Genau da steckt mein Problem:

Sichtbare Fläche: 580px Breite / 410px Höhe

Meine Bilder sind aber größer als die sichtbare Fläche:
z.B.: 600px Breite / 480px Höhe.

Wie kann ich jetzt die Bilder so skalieren, dass sie nicht verzerrt
werden und da reinpassen ??? Hock schon geschlagene 2 Stunden
am dem schice, raffs aber net.


Wer kann mir helfen ???

[bloba]

wie wärs mit _xscale , _yscale ?

[:: RK ::]

hi,

ja das is mir auch klar, danke.
vllt. hab ich was vergessen hinzuschreiben:

es sollte halt so sein, dass die Bilder immer den vollen Sichtbaren
Bereich nutzt, also nie größer als 580x410, das sollte dann so gehen:

Wenn z.B. die Breite passt (also Breite <= 580) dann soll die Höhe
dazu passend skaliert werden, was natürlich die breite wieder
verändert, solange bis Breite und Höhe <= sichtbarer Bereich ist.
So passt das bild dann rein, und das geht dann auch bei jedem
Bild.

Klar wie ich es mir jetzt vorstelle ???

[johanness]

Ich würde immer die Breite des Bildes mit der Breite des Containers ins VErhältnis setzten. analog dazu die das Höhenverhältnis erstellen. Wo das Verhältnis größer bzw. kleiner (was du halt in Zähler bzw. in Nenner tust) ist, musst du dann scaleiren.
Also verstehst wie ich mein *kompleziert*

[:: RK ::]

hi,

hmm, net wirklich

gehen wir mal von meinem Beispiel aus:

maxBreite: 580
maxHöhe:410

BildBreite: 500
BildHöhe: 650

Das Bild passt als von der Breite her, jedoch ist es zu lang,
also muss ich es verkürzen. Wie meinst du das mit dem ins
Verhältnis ??? kannsch des mit den zahlen mal machen,
bitte ???

[:: RK ::]

ich glaub ich habs.

man, wie hilfreich des ist, wenn man drüber redet,
anstatt alles im kopf durchgehen zu müssen.

danke

[johanness]

maxBreite / picBreit = 580 / 500 = 1,16
maxHöhe / picHöhe = 410 / 650 = 0,63

Der kleinere Wert ist 0,63 => Das Bild muss auf 63% scaliert werden.

[:: RK ::]

ok, es funtzt:
hier mein AS, wenns jemanden interessiert:

if (imageWidth<=totalWidth && imageHeight>totalHeight) {
        diff = imageHeight/totalHeight;
    } else if (imageWidth>totalWidth && imageHeight<=totalHeight) {
        diff = imageWidth/totalWidth;
    } else if (imageWidth>totalWidth && imageHeight>totalHeight) {
        diffWidth = imageWidth/totalWidth;
        diffHeight = imageHeight/totalHeight;
        if (diffWidth>diffHeight) {
            diff = diffWidth;
        } else {
            diff = diffHeight;
        }
    }
    mcBild._width = imageWidth/diff;
    mcBild._height = imageHeight/diff; 

imageWidth = Bild Breite
imageHeight = Bild Höhe

totalWidth = max. Breite
totalHeight = max. Höhe

ich denke das ist jedem klar.

[Ahrsib]

Hat der Besucher der Seite was davon, dass er Daten zu großer Bilder empfängt, obwohl er nur eine kleinere Ansicht bekommt? Soll fragen, kommt er auch in den Genuss der Ansicht der gesamten Bilddaten, die er vom Server erhielt?

Falls nein, ist dies wohlmöglich ein Script, dass die Seite unnötig verfettet. Ich bin ja lieber für leicht und schnell, als für quick-and-dirty.

Vielleicht ist es ja auch sinnvoll in deinem Projekt, ich weiß es ja nicht, was es werden soll, aber bei manchen Sites sind die Thumbs einfach nur verkleinert dargestellte Feindaten und laden dadurch so lange, dass man die Lust verliert.

Dein Script sieht aus, als könnte es Schach spielen!

Ahrsib
... weitermachen!

[:: RK ::]

hi,

nene, das script ist net für die Thumbnails, die sind natürlich alle
in miniformat. ich poste des nacher (oder morgen) mal hier was
ich gemacht habe. vllt gefällts dem ein oder anderen.

[johanness]

Also gings mit meiner Methode? Ich wollte das selbst schon öfters machen, aber es war mit immer zu viel arbeit

[:: RK ::]

hi,

ne ich habs selber herausgefunden, aber trotzdem danke

[michaelklaehn]

Ich hab sowas auch mal programmiert.
Wenn sich die Bilder scrollen, vergrößern und verkleinern lassen, ist es wichtig, das
aktuelle Seitenverhältnis am Ursprungsseitenverhältnis auszurichten.
Wenn Du das Seitenverhältnis schrittweise nach vorne ausrechnest, bekommst Du heftige Rundungsfehler und das Bild verzerrt

Gruß,
Micha

[kelor]

hier auch ein altes script von mir zu dem thema...

Skalierer


greetz

kelor

[:: RK ::]

hi,

wie gesagt, hab ich das problem schon gelöst.
aber danke für eure Beiträge

@kelor:
kannst du die bsp-datei hier ins forum posten. In dem Forum aus
deinem Link muss ich mich erst anmelden, und das will ich jetzt net
machen.