Actionscript 3 - Importazione file SVG

Question

Qualcuno sa di librerie o strumenti per importare un file SVG in actionscript al volo? Devo essere in grado di importare un file SVG in flash e convertirlo in un Movie Clip o preferibilmente in un oggetto 3d piatto. L'obiettivo finale qui è quello di implementare un file vettoriale con realtà aumentata.

Answer 1

Una grande libreria per questo può essere scaricata qui: http://code.google.com/p/as3svgrendererlib/ È facile da implementare e affidabile. Si noti che ci sono due modi per implementare il codice. Io preferisco la seguente perché ti dà più controllo:

 private function loadSVG(url:String):void { 
     ProcessExecutor.instance.initialize(stage); 
     ProcessExecutor.instance.percentFrameProcessingTime = 0.9; 

     loader = new URLLoader(); 
     loader.dataFormat = URLLoaderDataFormat.TEXT; 
     loader.addEventListener(Event.COMPLETE, svgLoaded, false, 0, true); 

     try { 
      loader.load(new URLRequest(url)); 
     } catch (error:Error) { 
      trace(error); 
     } 
    } 
    private function svgLoaded(e:Event):void { 
     var svgString:String = loader.data as String; 
     var svgDocument:SVGDocument = new SVGDocument(); 
     svgDocument.parse(svgString); 

     this.addChild(svgDocument); 
    } 

L'altro modo è più breve e potrebbe essere la strada da percorrere quando si hanno solo caricare una piccola SVG o solo alcuni.

public function loadSVG(url:String) { 
     ProcessExecutor.instance.initialize(stage); 
     ProcessExecutor.instance.percentFrameProcessingTime = 0.9; 

     var svgDocument:SVGDocument = new SVGDocument(); 
     svgDocument.load(url); 
     addChild(svgDocument); 
    } 

Due note importanti: 1. Io non poteva sembrano essere in grado di catturare la larghezza o l'altezza dei SVG e il genitore Sprite aveva una larghezza e un'altezza di 0 dopo il caricamento del SVG. Ho risolto questo problema rendendo tutti gli SVG della stessa dimensione prima di caricarli in AS3. Successivamente ho capito le dimensioni con cui ho usato ScaleX e scaleY per ridimensionare gli SVG caricati. 2. Lo stage deve esistere prima di poter usare questo codice. aggiungendo il seguente codice si assicurerà che non si verifichino problemi: yourDisplayClass.addEventListener(Event.ADDED_TO_STAGE, loadYourSVGs);

Ora come si converte questo in un oggetto 3D piatto dipende dalla libreria 3D. Ho lavorato con Away3D dove puoi usare bitmapmaterial su Sprite3D. La classe Sprite3D sarebbe l'oggetto da usare. Spero che la tua libreria 3D supporti l'uso di MovieClip in modo da poterli aggiungere al tuo oggetto 3D. Altrimenti si dovrà usare per estrarre il bitmapMaterial dal clip filmato come ho fatto nel seguente esempio:

public function movieClipToBitmapMaterial(mc:MovieClip):BitmapMaterial { 
     var bmData:BitmapData = new BitmapData(mc.width, mc.height, true, 0xFFFFFF); 
     bmData.draw(displayObject); 
     return new BitmapMaterial(bmData); 
    } 

Il vostro contributo nella funzione di cui sopra sarà il movieclip su wich aver caricato la tua SVG.

Non sono sicuro di questo, ma penso che utilizzando questa funzione perderai la possibilità di ridimensionare quanto vuoi senza perdere qualità.

Spero che il mio contributo sia stato di aiuto! Buona fortuna

PS: non dimenticare di aggiungere l'SWC dal link al progetto e di controllare gli esempi forniti. Nota bene anche l'eccellente commento di shaunhusain sulla tua domanda originale. Potrebbe non essere necessario utilizzare la Libreria 3D.

Answer 2

Salam,

E 'molto facile:

1. Aprire il file "nome_immagine.svg" in illustartror.
2. Salvalo come "name.ai"
3. Importalo sul palco in flash, questo è tutto.