Actionscript 3 - SVGファイルをインポート

Question

SVGファイルをactionscriptに直接インポートするためのライブラリやツールを知っている人はいますか？私は、SVGファイルをフラッシュに読み込んで、ムービークリップまたは好ましくは3Dオブジェクトに変換できる必要があります。ここでの最終目標は、拡張現実感を持つベクトルファイルを実装することです。

Answer 1

このための素晴らしいライブラリは、ここからダウンロードできます。http://code.google.com/p/as3svgrendererlib/ 実装が簡単で信頼性が高いです。コードを実装するには2つの方法があることに注意してください。それはあなたがより詳細に制御できますので、私は次のことを好む：

 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); 
    } 

他の方法が短くなって、あなたはわずかなSVGまたはわずか数をロードする必要がある場合に移動するための方法かもしれません。

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

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

二つの重要な注意事項： 1.私はSVGsの幅や高さをキャプチャすることができているように見えることができませんでしたし、親スプライトは、SVGをロードした後に0の幅と高さを持っていました。私はすべてのSVGをAS3にロードする前に同じサイズにすることでこれを解決しました。その後、私はScaleXとscaleYを使ってロードされたSVGのサイズを変更するための寸法を知っていました。 2.このコードを使用するには、ステージが存在する必要があります。次のコードを追加すると、問題が発生しないようになります。yourDisplayClass.addEventListener(Event.ADDED_TO_STAGE, loadYourSVGs);

これを3Dオブジェクトに変換する方法は、3Dライブラリによって異なります。 Away3DでSprite3Dでビットマップ素材を使用することができました。 Sprite3Dクラスが使用するオブジェクトになります。あなたの3Dライブラリがあなたの3Dオブジェクトに追加できるように、あなたの3DライブラリがMovieClipsの使用をサポートすることを願っています。さもなければ、あなたは私が次の例で行ったように、ムービークリップからbitmapMaterialを抽出するために使用する必要があります：上記の関数で

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

あなたの入力は、あなたのSVGをロードしたウィッヒにムービークリップになります。

私はこれについてはわかりませんが、この機能を使用することで、品質を落とさずに好きなだけスケールを変更することができます。

私の入力が助けてくれることを願っています！ 幸運

PS：あなたのプロジェクトへのリンクからSWCを追加し、提供された例をチェックすることを忘れないでください。あなたのオリジナルの質問には、シャンフーシャンの素晴らしいコメントもご留意ください。 3Dライブラリを使用する必要はありません。

Answer 2

サラム、

それは非常に簡単です：

1. オープンillustartrorで "name.svg" ファイル。
2. "name.ai"と保存してください
3. これをすべてステージにインポートします。