Actionscript 3 - 导入SVG文件

Question

有没有人知道用于动态导入SVG文件到动作脚本的任何库或工具？我需要能够将SVG文件导入到flash中并将其转换为movieclip或最好是平面3d对象.这里的最终目标是实现具有增强现实的矢量文件.

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.我似乎无法捕获SVG的宽度或高度,并且在加载SVG后,父Sprite的宽度和高度为0.我通过在将所有SVG加载到AS3之前使其大小相同来解决这个问题.之后,我知道尺寸我使用ScaleX和scaleY来调整加载的SVG的大小.2.在使用此代码之前,舞台必须存在.添加以下代码将确保您不会遇到问题:yourDisplayClass.addEventListener(Event.ADDED_TO_STAGE, loadYourSVGs);

现在,如何将其转换为平面3D对象取决于您的3D库.我使用过Away3D,你可以在你的Sprite3D上使用bitmapmaterial.Sprite3D类将是要使用的对象.我希望您的3D库支持使用MovieClip,以便您可以将它们添加到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);
    }

您在上述功能中的输入将是您加载SVG的动画片段.

我不确定这一点,但我认为通过使用此功能,您将失去在不失去质量的情况下随意扩展的能力.

我希望我的意见有所帮助!祝好运

PS:不要忘记将SWC从链接添加到项目中并查看提供的示例.请注意shaunhusain对您原始问题的优秀评论.您可能不必使用3D库.