`

FLEX2对SVG的支持

阅读更多
FLEX2对SVG的支持

在FLEX2应用程序中可以使用SVG资源, 但只能象JPG和GIF那样作为一种图像引入, 而不包括SVG的一些高级特性, 而且无法在运行时加载, 只能在编译时静态加载.


Flex目前支持SVG1.1规范的一部分, 范围包括SVG文档结构, CSS风格, 变换, 路径, 基本图形, 颜色, 以及文本,绘图, 渐变和字体功能的一部分,  不支持SVG动画,脚本和事件, 而且也无法实现FLEX应用程序与SVG之间的交互.


所以说FLEX对SVG的支持是基本的和静态的.


下面是一个在FLEX中加载SVG的例子
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
width="800" height="600">
<mx:Script>
<![CDATA[
[Embed(source="res/test.svg")]
[Bindable]
public var svgTest:Class;
]]>
</mx:Script>
<mx:Image id="svg1" source="{svgTest}" width="128" height="130"/>

</mx:Application>

编译运行后, 可以发现在BIN目录下的RES目录中被拷贝了一个同名的test.svg文件, 这说明FLEX应用是使用链接而不是嵌入的方式处理SVG文档的, 这同其它图像资源是相同的.
但是对其它类型资源,例如FLASH, 可以使用SWFLoader动态加载, 例如:
loader = new SWFLoader();
loader.load("res/segment4.swf");

但SVG不能进行动态加载, 希望FLEX能够进一步增加对SVG的支持力度, 至少包括动态加载,脚本和事件, 最好还有SVG动画等.

分享到:
评论

相关推荐

    svg.js.zip_8svg.con_flex_javascript SVG_svg_svg.js

    尽管Flex主要是为Flash设计的,但它同样支持处理SVG内容,通过集成像SVG.js这样的库,可以增强Flex应用的图形功能。 SVG.js的设计原则是简单易用,它的API简洁且直观,使得开发者无需深入了解SVG规范就能快速上手。...

    PyPI 官网下载 | fxg2svg-0.1.3b0-py3.4.egg

    “fxg2svg”是一个Python库,主要功能是将FXG(Flex Graphics)格式的文件转换为SVG(Scalable Vector Graphics)格式。FXG是一种用于描述二维图形和图像的数据格式,常用于Adobe Flex项目中。而SVG则是一种开放标准...

    Flex_Css完全手册

    - Flex Builder:Adobe Flex Builder是一款强大的集成开发环境(IDE),内置了对CSS的支持,包括代码提示、预览和调试功能,方便开发者进行Flex和CSS的开发工作。 - 第三方工具:还有一些第三方工具和插件,如Flex...

    FLEX图表相关解决方案

    FLEX可以利用SVG来创建高清晰度、可放大的图表,使得在不同分辨率的设备上都能保持良好的显示效果。这个文件可能提供了如何在FLEX中集成SVG图表的实例,让你能够创建更加美观和精细的图表。 最后,“FLEX图表相关...

    应用flash制作flex样式

    SWF可以直接在Flex中使用,而SVG则可能需要转换为SWF或使用Flex支持的其他格式。 3. **创建Flex皮肤类**:在Flex项目中,为每个组件创建相应的皮肤类。这些类通常继承自Flex的基础皮肤类,并通过@SkinClass注解关联...

    flex主题皮肤源码2

    6. **数据绑定**:Flex中的MXML支持数据绑定,允许视图组件的数据与应用程序模型直接关联,理解这一机制有助于实现动态更新界面。 7. **模块化开发**:如果源码包含多个独立的文件或模块,那么可能涉及到了Flex的...

    flex4权威指南教程+全代码 flex flex

    Flex 4使用StageVectorGraphics(SVG)进行矢量图形绘制,提供了更高效的图形渲染。此外,还可以利用BitmapData和Shader效果实现复杂的图像处理。 7. **事件处理**: 事件驱动是Flex应用程序的重要组成部分。Flex...

    flex组件介绍

    Flex组件具有高度的可定制性和可扩展性,支持皮肤化(Skins),这意味着开发者可以根据需要改变组件的外观和行为。 #### 控件的基本使用方法 Flex控件的使用通常遵循以下步骤:创建控件实例、设置属性、添加事件...

    FLEX流程设计源码

    在IT行业中,FLEX(Flexible ...通过分析和学习这个源码,开发者不仅可以提升对Flex框架的理解,还能掌握创建高效流程设计软件的技巧。对于希望扩展技能树,特别是在RIA开发领域的IT专业人士来说,这是一个宝贵的资源。

    degrafa绘图工具 svg操作

    5. **SVG导出**:将创建的图形保存为SVG格式,可以在各种支持SVG的环境中使用。 学习DeGrafa绘图工具,首先需要掌握SVG的基本概念和语法,理解如何定义路径、形状和群组等元素。接下来,你需要了解Flex的基础知识,...

    SvgToDegrafa.rar_SvgToDegrafa_degrafa_flex

    3. **图形转换**:SVG的路径数据可能需要转换为 Degrafa 支持的格式,这可能涉及到坐标系统转换、路径命令的解析和重构。 4. **布局与渲染**:在Flex应用中,你需要将 Degrafa 对象添加到显示列表中,设置合适的...

    FLEX4权威指南,随书资源代码

    4. **Graphical Asset和Effects**:Flex 4支持SVG图形,使得在应用中添加高清晰度的矢量图像是可能的。同时,FXG格式允许导入图形并进行动态效果处理,如淡入淡出、旋转、缩放等。 5. **数据绑定**:Flex 4的数据...

    FLex文档教程

    Flex的优势在于其广泛的组件库,以及与Flash平台的紧密集成,这让开发者能够利用标准的Web技术(如XML、CSS和SVG)来构建和设计应用。 **二、FlexBuilder与MXML** FlexBuilder(简称FB)是专为Flex开发设计的集成...

    flex谷歌地图

    2. **IDE**:为了提高开发效率,推荐使用支持Flex的集成开发环境(IDE),如Adobe Flash Builder或免费的IntelliJ IDEA。这些IDE提供了图形化的界面和代码自动完成功能,帮助快速构建Flex项目。 3. **Google Maps ...

    degrafa源代码

    Degrafa扩展就是在FLEX中增加了对矢量数据的动态处理,包括动态添加,删除和修改,并支持SVG的路径格式数据, 因此只需要对现有的SVG数据进行一些必要的转换(以后会有工具支持,但现在只能手工完成),就可以将SVG...

    Flex 3.0学习指南.rar

    2. **Flex SDK**:Flex Software Development Kit提供了编译Flex应用所需的工具,包括编译器、调试器以及Flex Builder IDE等。开发者可以使用这些工具创建、编译和测试Flex应用程序。 3. **Flex构建组件**:Flex...

    flex4指南+src

    2. **MXML和ActionScript混合编程**:Flex4允许开发者在MXML和ActionScript之间灵活切换,MXML用于描述用户界面,而ActionScript用于处理业务逻辑和数据绑定。 3. **Spark Components**:Spark组件是Flex4的新组件...

    flex学习资料,主要是一些程序

    Flex支持SVG矢量图形,使得应用可以在不同分辨率的设备上保持清晰。Flex也提供了强大的动画和效果库,使开发者能创建动态和吸引人的用户体验。 9. **Flex调试和性能优化** Flex Builder提供了强大的调试工具,...

    Flex地图,可以自己添加坐标点,添加信息

    Flex地图是一种基于Adobe Flex技术构建的交互式地图应用框架,它允许开发者自定义地图功能,包括添加特定的坐标点和相关信息。在Flex中,我们可以利用ActionScript 3.0编程语言以及Flex SDK来创建这样的地图应用程序...

Global site tag (gtag.js) - Google Analytics