Bilder laden

[Jankee]

Hi,

ich will das der User in ein Air-Projekt ein Bild einladen kann...soweit kein Problem;

var laden:Loader = new Loader();
var url:URLRequest = new URLRequest("pic.jpg");
laden.x = 3;
laden.y = 3;
laden.load(url);
addChild(laden);
nun würde ich aber auch gerne die größe der ausgabe des Bildes festlegen...
laden.scaleX= 1.5;
funktioniert zwar, da ich aber nich weiss wie groß das eigeladene Bild ist, kann ich damit nicht arbeiten.
leider haut er mir das Bild immer weg wenn ich
laden.height = 132,5;
oder
laden.width = 110;
benutze...

Aber das ist noch nicht alles, am liebsten würde ich das Bild "im Hintergrund" in einem bestimmten Ordner in der von mir bestimmten Größe speichern, ohne das der User noch mal aktiv werden muss... ????

1000 Dank schon mal für euren INPUT!

Jan

[Martin Kraft]

Zitat von Jankee

leider haut er mir das Bild immer weg wenn ich
laden.height = 132,5;
oder
laden.width = 110;
benutze...

Man kann width und height nur sinnvoll anpassen, wenn sie zuvor nicht 0 sind. Mehr Informationen dazu findest Du hier.

Da das aber bei einem externen Bild erst der Fall ist, wenn es komplett geladen wurde, solltest Du einen entsprechenden EventListener auf Event.COMPLETE registrieren!

Zitat von Jankee

Aber das ist noch nicht alles, am liebsten würde ich das Bild "im Hintergrund" in einem bestimmten Ordner in der von mir bestimmten Größe speichern, ohne das der User noch mal aktiv werden muss... ????

Wenn Du ein Bild in einer anderen Größe speichern möchtest, reichen scaleX/scaleY oder width/height alleine nicht. Stattdessen musst Du die Daten des BitmapData selbst bearbeiten. Hierfür erstellt man ein neues Ziel-BitmapData in der gewünschten Endgröße und zeichnet dahinein das Ausgangsbild mit der Methode draw. Die Skalierung wird hierbei über eine entsprechende Transformationsmatrix angegeben!

Für den Prozess des Speicherns benötigst Du dann die Klassen ByteArray und File bzw. FileReference sowie den PNGEncoder oder JPGEncoder (aus der as3corelib)

Weitere Informationen über die erwähnten Methoden und Klassen findest Du in der AS3-Referenz oder über die Suchfunktion hier im Forum!

[Jankee]

super, also das mit dem veändern der größe hat geklappt:

var laden:Loader = new Loader();
var url:URLRequest = new URLRequest("pic.jpg");
laden.x = 0;
laden.y = 0;
laden.load(url);
laden.contentLoaderInfo.addEventListener(Event.COM PLETE, fertig);
addChild(laden);

function fertig(evt:Event)
{
laden.height = 100;
laden.width = 150;
}

DANKE!

..jetzt fehlt nur noch das "nachzeichnen" mit draw und automatische abspeichern..
mal schaun :-)

Jan

[Jankee]

...so jetzt hab ich auch das Nachzeichnen hinbekommen. Und die Nachzeichnung hab ich auf die gewünschte Größe bringen können:

import flash.display.Bitmap;
import flash.display.BitmapData;

var laden:Loader = new Loader();
var url:URLRequest = new URLRequest("pic1.jpg");
laden.x = 10;
laden.y = 10;
laden.load(url);
laden.contentLoaderInfo.addEventListener(Event.COM PLETE, fertig);
addChild(laden);

var bildDaten:BitmapData;
var neuesBild:Bitmap;
function fertig(evt:Event)
{
if (laden.content != null)
{
neuesBild = Bitmap(laden.content);
neuesBild.height = 132,5;
neuesBild.width = 110;
bildDaten = neuesBild.bitmapData;

var meinebreite:Number = bildDaten.width;
var meinehoehe:Number = bildDaten.height;
var bitmapDataObject2:BitmapData = new BitmapData(meinebreite,meinehoehe,false,0x00FF0000 );
var rect:Rectangle = new Rectangle(0,0,meinebreite,meinehoehe);
var bytes:ByteArray = bildDaten.getPixels(rect);
bytes.position = 0;
bitmapDataObject2.draw(bildDaten);
var bitmapImage1:Bitmap = new Bitmap(bildDaten);
var bitmapImage2:Bitmap = new Bitmap(bitmapDataObject2);
addChild(bitmapImage2);
bitmapImage2.x = 50;
bitmapImage2.y = 50;
var sollscaleX = 110 / meinebreite;
var sollscaleY = 132.5 / meinehoehe;
bitmapImage2.scaleX = sollscaleX;
bitmapImage2.scaleY = sollscaleY;
}
}

...leider bin ich noch nicht weiter was das automatische Speichern in der neuen Größe angeht.

Nochmal jemand ein paar Tips...??

DANKESCHÖN!

Jan

[Martin Kraft]

cIh will Dich ja nicht entmutigen, aber ich habe ja oben schon beschrieben, dass scaleX und scaleY in diesem Fall nichts bringen - auch nicht, wenn Du vorher das BitmapData kopierst.

Letzteres geht übrigens auch wesentlich einfacher:

PHP-Code:

var newBmpData:BitmapData = bmpData.clone(); 


Zitat von Martin Kraft

Wenn Du ein Bild in einer anderen Größe speichern möchtest, reichen scaleX/scaleY oder width/height alleine nicht. Stattdessen musst Du die Daten des BitmapData selbst bearbeiten. Hierfür erstellt man ein neues Ziel-BitmapData in der gewünschten Endgröße und zeichnet dahinein das Ausgangsbild mit der Methode draw. Die Skalierung wird hierbei über eine entsprechende Transformationsmatrix angegeben!

Für den Prozess des Speicherns benötigst Du dann die Klassen ByteArray und File bzw. FileReference sowie den PNGEncoder oder JPGEncoder (aus der as3corelib)

Weitere Informationen über die erwähnten Methoden und Klassen findest Du in der AS3-Referenz oder über die Suchfunktion hier im Forum!

Benutz wirklich mal die Suchfunktion! Es dürfte dutzende Beiträge zu den Themen "BitmapData skalieren AS3" und "BitmapData JPGEncoder" geben.