Actionscript 3 - Импортировать файл SVG

Question

Кто-нибудь знает какие-либо библиотеки или инструменты для импорта SVG-файла в ActionScript на лету? Мне нужно иметь возможность импортировать SVG-файл во флэш и преобразовать его в мувиклип или предпочтительно в плоский трехмерный объект. Конечной целью здесь является реализация векторного файла с дополненной реальностью.

Answer 1

Огромную библиотеку для этого можно скачать здесь: http://code.google.com/p/as3svgrendererlib/ Легко реализовать и надежно. Обратите внимание, что есть два способа реализовать код. Я предпочитаю следующее, потому что это дает вам больше контроля:

 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 и родительский Sprite имел ширину и высоту 0 после загрузки SVG. Я решил это, сделав все SVG одинаковым размером, прежде чем загружать их в AS3. После этого я знал размеры, которые я использовал ScaleX и scaleY для изменения размера загруженных SVG. 2. Эта сцена должна существовать, прежде чем вы сможете использовать этот код. добавив следующий код, убедитесь, что вы не столкнетесь с проблемами: yourDisplayClass.addEventListener(Event.ADDED_TO_STAGE, loadYourSVGs);

Теперь, как вы преобразовываете это в плоский трехмерный объект, зависит от вашей 3D-библиотеки. Я работал с Away3D, где вы можете использовать bitmapmaterial на вашем Sprite3D. Класс Sprite3D будет объектом использования. Я надеюсь, что ваша 3D-библиотека поддерживает использование MovieClips, чтобы вы могли добавить их в свой 3D-объект. Иначе вам придется использовать для извлечения 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); 
    } 

Ваш вклад в вышеприведенной функции будет мувиклип на Wich вы загрузили ваш SVG.

Я не уверен в этом, но думаю, что с помощью этой функции вы потеряете способность масштабировать столько, сколько хотите, не теряя качества.

Надеюсь, что мой вход был полезен! Удача

PS: не забудьте добавить SWC из ссылки на ваш проект и посмотреть приведенные примеры. Пожалуйста, обратите внимание на отличный комментарий shaunhusain по вашему первоначальному вопросу. Возможно, вам не придется использовать 3D-библиотеку.

Answer 2

Салам,

Это очень легко:

1. Открыть файл "name.svg" в illustartror.
2. Сохраните его как "name.ai"
3. Импортируйте его на сцену во flash, вот и все.