SVGWEB介绍.ppt

SVG/WEB介绍 SVG基本概念 SVG特点 基于XML标准－－XML是公认的下一代网络标记语言，拥有无穷的生命力。 高质量的图像－－由于基于矢量，使得SVG图像的质量得到大大的提高。 灵活易用的文件格式－－SVG可以不用任何图像处理工具，仅仅用记事本就可以生成一个SVG图像！ 支持交互和动画 支持字符查找－－查找“图片”中的字符，在SVG中成为可能。 支持Xlink 和Xpointer－－这意味着我们可以在SVG文档之间制作超链接，这使我们可以制作一个完全由SVG构成的WEB站点。 SVG基本形状 （circle）：显示一个圆心在指定点、半径为指定长度的标准的圆。 椭圆（ellipse）：显示中心在指定点、长轴和短轴半径为指定长度的椭圆。 矩形（rect）：显示左上角在指定点并且高度和宽度为指定值的矩形（包括正方形）。也可以通过指定边角圆的 x 和 y 半径画成圆角矩形。 线（line）：显示两个坐标之间的连线。 折线（polyline）：显示顶点在指定点的一组线。 多边形（polygon）：类似于 polyline，但增加了从最末点到第一点的连线，从而创建了一个闭合形状。 SVG简单样例 SVG效果 电力系统中SVG应用 电力系统是一个典型的拓扑结构网络，作为调度自动化研究对象的电力系统模型包括如下方面： 设备基本参数，包括物理属性、运行属性等 设备之间的连接关系，即通常所说的物理拓扑结构 量测量参数 图模交换 SVG/CIM (图形与模型) SVG与CIM(图形与模型) Id关联： 对于某一电力设备的图形（svg中对象）和模型（cim对象）采用相同的ID或者采用一定关联关系的ID，实现应用程序对图形和模型进行各种操作，实现图模一体。 Metadata（元数据）关联，SVG规范提供metadata元素用来描述其他SVG元素属性。 g id=BreakerClass g id=240G96 use x=0 y=0 transform=translate(189.9999,284.6052) rotate(90) xlink:href=#Breaker class=kV230/ metadata cge:PSR_Ref ObjectID=_1CF6FD41D23D4242A252C4E652BCE1C7 ObjectName=CB/ cge:Meas_Ref ObjectID=Terminal_1422_SwitchPosition/ cge:CN_Ref ObjectID=_9082C9ADC4734965B86C7AAA943804DE/ cge:CN_Ref ObjectID=_10796BD845DC4A978CA2220209E91FC7/ /metadata /g /g SVG图形 SVG图形 SVG应用 拓朴图形展示（放大、缩小、拖放等） 实时数据展示 参数、历史数据展示 曲线、棒图、饼图 图形交换 WEB框架总图 WEB基本概念 WEB开发主流平台 .NET vs J2EE J2EE简介 （Java 2 Platform,Enterprise Edition） J2EE是一套全然不同于传统应用开发的技术架构，包含许多组件，主要可简化且规范应用系统的开发与部署，进而提高可移植性、安全与再用价值。 J2EE核心是一组技术规范与指南，其中所包含的各类组件、服务架构及技术层次，均有共通的标准及规格，让各种依循J2EE架构的不同平台之间，存在良好的兼容性，解决过去企业后端使用的信息产品彼此之间无法兼容，导致企业内部或外部难以互通的窘境。 J2EE是一组框架，提供各种服务及API，如servlet、jsp、jdbc、ejb、jms、rmi、jndi、jta、jca、jaas、jacc、jax-rpc、jaxr WEB开发相关框架及技术 Struts Spring Hibernate Ajax Ext Dwr Corba/web service Javascript css Struts Struts是基于SUN J2EE标准的MVC框架,主要通过servlet和jsp技术实现.其 通过将servlet、jsp、自定义标签、信息资源融合至一起,形成一个通用的框架实现MVC模式. Struts为业务逻辑开发提供支持,作为MVC模式实现,其中M主要由Action实现,V主要指标签库与servlet结合实现,C主要由Servlet及XML资源实现. Struts 体系结构