`

[转]Flex应用程序中嵌入SVG文件

    博客分类:
  • FLEX
阅读更多
http://www.it118.org/specials/be5aa227-758a-4292-a143-5d0de10556fb/346c8779-cfdd-4eaa-ba1f-faa2e2a538d7.htm

可以将 SCG 文件嵌入到 Flex 应用程序中。

嵌入 SVG 文件与嵌入图像几乎是相同的。差别在于您可以将嵌入的 SVG 文件的实例当作 Sprite 类的实例处理。 (它们实际上是 SpriteAsset 类的实例, SpriteAsset 类是 Sprite 类的子类。) 嵌入的 SVG 文件还保留它们的矢量属性, 且在被缩放或转换时不会显示像素。

注意: 不能在运行时导入 SVG 文件;仅可以在编译时在 Flex 应用程序中嵌入它们。

<?xml version="1.0" encoding="utf-8"?>  
<mx:Application   
    xmlns:mx="http://www.adobe.com/2006/mxml"   
    layout="horizontal"   
    viewSourceURL="srcEmbeddingSvgFiles/index.html"  
    width="600" height="470"  
  
>  
    <mx:Script>  
    <![CDATA[ 
            [Embed(source="assets/frog.svg")] 
 
            [Bindable] 
            public var SvgFrog:Class;             
        ]]>  
    </mx:Script>  
  
    <mx:Image id="smallFrog" source="{SvgFrog}" width="128" height="130"/>  
  
    <mx:Image id="largeFrog" source="{SvgFrog}"/>  
</mx:Application>  
分享到:
评论

相关推荐

    应用flash制作flex样式

    通过将Flash中的设计导出为SWF或SVG格式,然后在Flex项目中导入,开发者可以轻松地将这些图形应用到Flex组件上,赋予它们独特的视觉效果。 以下是使用Flash创建Flex样式的步骤: 1. **设计阶段**:在Flash中,你...

    flex quick starts

    ### Flex Quick Starts: ...通过以上介绍可以看出,在Flex应用程序中嵌入资源是一个非常强大的功能。它可以显著提高程序的启动速度和整体性能。根据实际需求选择合适的嵌入方式,可以使应用更加高效、稳定且易于维护。

    Flex_Css完全手册

    - 示例和最佳实践:通过博文链接(已提供)可以获取更多关于如何在实际项目中应用Flex CSS的示例和最佳实践,涵盖从简单的组件样式化到复杂的布局设计。 6. **工具支持** - Flex Builder:Adobe Flex Builder是一...

    FlexUI:FlexUI或(灵活用户界面)是一个旨在将HTML5和CSS图形设计的功能嵌入Java桌面应用程序的项目

    FlexUI,全称为“柔性用户界面”,是一款专为Java桌面应用程序设计的开源框架,它将HTML5和CSS3的强大功能引入到传统的Java开发环境中。这个项目的目标是打破Java桌面应用在用户界面设计上的局限性,使得开发者能够...

    深入SVG路径~~~在DEGRAFA中使用PATH

    通过阅读博客文章(链接已给出),你可以深入了解DEGRAFA如何与SVG路径交互,以及如何在实际项目中应用这些知识。学习如何使用DEGRAFA和SVG路径可以提高你在ActionScript 3.0环境下的图形编程能力,从而创造出更加...

    基于BlazeDS实现股票系统中Flex与Java的通信.pdf

    Flex的优点在于它支持基于矢量的绘制,并且直接嵌入SVG标记文件。这种基于SVG的图像在浏览器支持的分辨率范围内都可以很好地表现,这与基于位图的图像在不断放大时会出现明显的色彩衰减形成鲜明的对比。 二、 ...

    flex谷歌地图

    在本文中,我们将深入探讨如何使用Flex技术与谷歌地图API集成,创建互动式的地图应用程序。Flex是一种基于ActionScript 3的开源框架,用于构建富互联网应用程序(RIA)。它允许开发者用MXML和AS3编写代码,创建具有...

    FLEX字体助手.rar

    1. **字体嵌入技术**:在HTML、Flash或Flex等环境中,字体嵌入允许开发者将特定字体文件与网页或应用一起打包,使用户在没有安装该字体的情况下也能看到预期的排版效果。这对于品牌识别和设计一致性至关重要。 2. *...

    Iframe js 和 flex 通讯

    Iframe(内联框架)常用于在同一个页面中加载不同源的内容,而Flex是一种用于创建富互联网应用程序(RIA)的平台,它基于ActionScript和Flash。本篇文章将详细探讨如何通过Iframe实现js和flex之间的数据传输。 首先...

    flex皮肤

    在Flex应用程序中,皮肤是可替换的图形组件,它们决定了控件的样式、颜色和形状。通过深入理解Flex皮肤的工作原理和设计过程,我们可以为用户提供更美观、更符合品牌形象的界面。 Photoshop作为一款强大的图像处理...

    flex+jfreechart+others 整合架包和配置

    Flex是Adobe公司开发的一种开放源代码的富互联网应用程序(Rich Internet Application,RIA)框架,用于构建具有动态图形、交互性和富媒体功能的Web应用。它主要基于ActionScript编程语言和MXML标记语言,使得开发者...

    SothinkSWFDecompiler转换flash.rar

    3. **导出图形资源**:将SWF中的图片、矢量图形等元素导出为独立的图像文件,如PNG、JPG或SVG。 4. **转换为HTML5**:对于那些希望在现代浏览器上运行原生HTML5内容的用户,Sothink SWF Decompiler提供了将Flash转换...

    irregular shaped button

    提到的压缩文件“fxgeditor.air”可能是一个Adobe AIR应用程序,如FXG Editor,它是一个图形编辑工具,用于创建和编辑FXG(Flex图形)文件。FXG是一种XML格式,用于描述Adobe Flex和Flash中的矢量图形。使用此类...

    关于DEGRAFA的简介

    HTML-template可能指的是DEGRAFA在Web应用程序中的应用,它可能是用来嵌入SWF(Shockwave Flash)文件的HTML模板。通过这种方式,DEGRAFA创建的图形可以在网页上显示并与用户交互。 总的来说,DEGRAFA是一个强大的...

    flex实战报表:jFreeChart,cewolf,iText.doc

    1. **Cewolf简介**:Cewolf是一个用于在Web应用程序中嵌入Java2D图表的库,它通过Servlet将Java2D图表转换为HTML5的Canvas元素,实现动态交互式的Web报表。 2. **Cewolf配置**:集成Cewolf通常涉及在Web应用的`web....

    barcode4j 类库及使用说明

    - **Flex支持**:除了Java版本,还有Flex组件,可以在Adobe Flex应用中生成条码。 **2. 使用步骤** 要使用`barcode4j`,通常遵循以下步骤: - **添加依赖**:在项目中引入`barcode4j`的JAR文件或者通过Maven、...

    Web前端技术项目式教程(HTML5+CSS3+Flex+Bootstrap)-PPT课件.rar

    Web前端技术是构建互联网应用程序和网站的关键组成部分,它主要涉及用户与网站交互的界面和功能。本教程聚焦于四个核心的Web前端技术:HTML5、CSS3、Flexbox和Bootstrap,这些都是现代网页开发不可或缺的元素。 ...

    CSS样式首页应用

    3. 样式嵌入、链接和导入:样式可以内联(在HTML元素的`style`属性中)、外部链接(`&lt;link&gt;`标签引用CSS文件)或导入(`@import`规则)三种方式引入。 二、CSS布局 1. 流动布局:默认的块级元素(如`div`)从上到...

    flash/flex/air的一个大问题

    Flash是一种广泛用于创建动态内容和互动体验的平台,而Flex和AIR则分别是基于ActionScript和Flash Player的开发框架和运行环境,它们主要用于构建富互联网应用程序(RIA)。在Flex中,开发者可以使用MXML和...

    html5培训资料

    8. 离线Web应用:HTML5允许开发者构建离线应用程序,即使在没有网络连接的情况下也能正常工作,通过manifest文件来指定哪些资源需要缓存。 9. Web Workers:允许JavaScript代码在后台运行,不干扰用户界面的响应性...

Global site tag (gtag.js) - Google Analytics