中文XML论坛--[讨论]svg的最新应用

姓名：(无权查看)
城市：(无权查看)
院校：(无权查看)

大家讨论一下，svg的最新应用吧

[转贴]用SVG技术实现基于Web的GIS

引自：http://www.daima.com.cn/Info/85/Info30448/

引言

SVG（Scalable Vector Graphics）是一种基于XML 的用来描述二维矢量图形和矢量/点阵混合图形的置标语言，是一种全新的矢量图形规范。 SVG规范定义了SVG的特征、语法和显示效果，包括模块化的XML命名空间（namespace）和SVG文档对象模型(DOM)。 SVG的绘图可以通过动态和交互式方式进行，在实际操作中，则是以嵌入方式或脚本方式来实现的。SVG不仅提供超链接功能，还定义了丰富的事件。由于SVG支持脚本语言（script），可以通过Script编程，访问SVG DOM的元素和属性，即可响应特定的事件，从而提高了SVG的动态和交互性能。 SVG实现了图形、图象和文字的有机统一。 SVG除了支持HTML中常用的标记，如文本、图象、链接、交互性、CSS的使用、脚本（Script）外，还提供了大量针对图形、图象、动画的特定标记。这就为实现GIS提供了可能。

作者根据实际工作需要，在Web浏览器中采用SVG及相关技术实现了Web的GIS管理系统(以下简称WebGIS)，取得了很好的效果。此系统包括服务端及客户端的设计，服务器端出要处理数据的存储及数据的动态装载，客户端主要完成SVG数据的显示及交互。本文主要对基于SVG的WebGIS的客户端实现的一些基本知识及实现技术作一个简单介绍。

基础知识

SVG浏览插件

要实现SVG图形的显示，必须要在客户端安装SVG浏览器，Adobe开发的SVG Viewer功能强大，显示效果好，是网络上使用最多的，其最新的版本是3.0。可以到Adobe的网站（http://www.adobe.com/svg/viewer/install/main.html）上去下载，为了保证中文能正确显示，请下载简体中文版本。下载后安装程序，第一次使用时回弹出用户许可信息，点击"接受"即可。

在网页中嵌入SVG

将实现基于浏览器的GIS系统，需要将SVG图形对象嵌入到网页中，使用如下HTML代码来实现：

其中embed标签指定为一个嵌入的对象，width,height分别指定该对象的宽度、高度，type指定类型为image/svg-xml ,src指定为svg数据文件的URL地址，指定这样的标签并在浏览器中打开，浏览器便回调用SVG Viewer在指定区域进行显示。此处，src指定的是一个svg文件，在GIS系统中，要求根据不同的请求获取不同的数据，则可以将其改为动态的url，如服务端的Java Servlet，由服务端动态生成。需要注意的是,SVG目前不支持GB编码，在使用中文字符时，请使用UTF-8编码。

SVG图形对象简介

SVG提供了丰富的图形对象，包括直线（line）、路径(path)、圆(circle)、图标(symbol)文字(text)、图像(image)等，满足了GIS系统的需要。这些图形对象可以通过设置不同的属性、显示样式来达到不同的显示效果。对象在SVG文件中以XML标签的形式存在，而对象属性以标签的属性来存取，可以通过访问SVG的DOM对象的方法来方便的存取这些对象及属性。同时SVG中还提供了组的管理(<g>标签),定义(defs)及引用等功能。这些特征在GIS中得到了广泛的应用。

SVG的事件简介

SVG提供了丰富的消息触发及事件响应函数，获取用户消息。如在地图上移动、点击鼠标等。事件的相应可以定义到整个文档对象中，也可以定义在单个图形对象上。如要给某个路径(path)定义鼠标一定事件，可以这样<path onmousemove="mouseMoved(evt)" …../>, onmousemove指定事件触发的条件（即鼠标在path上移动时），mouseMoved为要触发的响应函数，evt表示事件本身，可以通过evt获取与当前事件相关的信息，用户可以在script中定义响应函数，进行相应的处理。同样，SVG也提供丰富的状态事件，如数据装载完毕，就可以触发onload事件，作一些初始化的处理。

功能实现

地图的交互及控制

在浏览器中打开SVG文件时，SVG图形作为浏览器的一个嵌入对象出现，可以很方便的通过script函数来获取SVG图形对象及其内部的图形属性。通过获取这些对象和属性，就可以很方便地实现交互功能。

GIS系统最基本的功能是地图控制，SVG Viewer本身提供图形的缩放功能，但要通过操作鼠标时按指定的功能键才能实现，不适合GIS功能的需要，在WebGIS系统中将其屏蔽。但由于SVG提供了丰富的消息触发及事件响应函数，通过捕捉这些消息，来实现自定义的地图控制功能。一个放大地图的实现流程是：用户点击地图，触发onmousedown事件，调用消息响应函数，在消息响应函数中将地图的变换矩阵以当前点击的点为中心放大1.1倍，更新显示图形。消息响应的函数如下：

Function zoom(evt, scale)
{ // scale = 1.1;表示放大1.1倍
point = new GDPoint();
point.x = evt.clientX;
point.y = evt.clientY; //point为当前点击的坐标点为屏幕坐标
absPoint = pointInvert(point);//转换为绝对最表
scale = curTransform.scale*scale; //设置当前的缩放系数
curTransform.scale = scale;
point1 = pointApply(absPoint);//绝对坐标应用当前的变换系数
curTransform.x += point.x-point1.x;
curTransform.y += point.y-point1.y;//缩放中心平移到当前点击的位置
matrix= trans2String(curTransform);//生成新的变换矩阵
maproot.setAttribute("transform",matrix);//应用新的变换矩阵
}

其他的如地图缩小、全图显示、区域放大、局部定位等功能与之类似，这里就不一一作介绍。

图层管理

SVG采用基于XML的DOM文档管理结构，很方便实现层次管理，其组<g>对象就可以将其下面的所有图形管理起来。节点中的childNodes属性可以获取所有的子节点的集合，getElementsByTagName()方法可以获取某种类型对象的列表，如要获取某组（g）下的所有路径(path)对象的集合，就可以调用getElementsByTagName("path")。作者通过采用组对象来实现图层管理功能，不同图层的对象包含在不同的组中。通过设置组的属性，就可以实现如可见性、颜色、透明度等设置以及选中、删除所有对象等操作。SVG中的对象的样式属性具有继承性，如果下一级没有某样式属性，则直接使用其上一级的属性，以此类推，直到顶级为止。如：对某层设置某个显示透明度，则其下级元素显示时，均采用该透明度，除非其下级元素指定了透明度属性。

下面的图显示GIS系统中的图层控制界面。

图标管理

图标表示的是信息点的信息，在GIS系统中广泛使用图标来标志信息点，其特点是图标引用相同的预定义的图形组。增加新的图标只是在不同的位置增加一个引用而已。在不增加实际的绘图数据。减少了数据量；同时，如果要修改某类信息的显示图标，只要修改预定义的图标即可，方便了管理。在WebGIS系统中定义了很多类型的图标。下图表示用一个圆和一个路径对象定义的图标,其名称为symbol_1,并定义在defs标签内，供图标对象引用：

下图为图标的实例，这两个图标引用上面定义的symbo_1的图标：图标在地图上的实际位置为transform指定的位置分别是(200,100),(200,200)。

如果要增加图标，只要添加新的引用(use)对象即可。这些对象可以有自己的属性，表示不同的信息点，但其显示的形状是预定义的，如果修改了预定义的形状，这些图标的显示结果同样改变。下图为在WebGIS中定义的几种图标及显示效果(蓝色的为图标)。

地图属性的定义

SVG图形数据本身只包含用来实现矢量图形显示的信息，如坐标点、变换矩阵、显示样式等信息，不能满足GIS系统的需要。但由于SVG是基于XML格式的，除了使用其内置的属性外，可以对其属性进行任意扩充，以实现自定义的功能。在SVG图形中，对象的属性id是用来标志唯一对象的编号，可以通过SVG文档对象的getElementById()函数来获取指定的对象。WebGIS采用id好作为图形内在的标示，而自定义其他的属性如名称(name),提示信息(tip)等来存储其GIS属性。获取或赋值这些属性的方法是调用getAttribute及setAttribute函数。如在WebGIS中一个路径是这么定义的。

那么通过ID "ROAD:101" 获取路径对象后，就可以获取其属性Name及Tip的信息，执行显示提示信息等功能。

总结

本文对用SVG技术实现基于Web的GIS的关键技术做了简单的介绍，通过对SVG技术的把握和应用，作者成功地开发了WebGIS系统，说明SVG技术完全能胜任某些行业GIS应用的需要，从长远来看，SVG技术代表网络矢量化图形的发展方向，必将在包括 GIS在内的各个方面得到广泛应用。

[此贴子已经被作者于2005-10-12 20:36:09编辑过]

姓名：(无权查看)
城市：(无权查看)
院校：(无权查看)

[转贴] 基于SVG的甲骨文网络平台的设计与实现（English）
刘永革　李雪山（安阳师范学院甲骨学与殷商文化研究中心）
摘要：随着互联网的普及和甲骨学研究的深入开展，越来越多的与甲骨文相关的研究人员比如考古人员、历史学家、语言学家等都希望通过互联网进行甲骨文方面的资料共享和信息交流，然而，甲骨文作为最古老的文字没有被包含在现代汉字的编码体系中，为了在网页上显示甲骨文，本文提出以一种新的方法：用ＳＶＧ技术在网络上显示甲骨文字。 SVG(Scalable Vector Graphic) 是 W3C 组织开发的新一代基于 XML 的二维矢量图形标准， SVG 中的元素是指示如何绘制图像的一些指令，阅读器 (Viewer) 解释这些指令，把 SVG 图像在指定设备上显示出来，最关键的是， SVG 文件是完全用普通文本来描述的，也就是说， SVG 是一种专门为网络而设计的基于文本的图像格式。我们研究的基本思路是利用 SVG 技术把需要的甲骨矢量文字转变为 svg 格式的文本形式，然后插入到网页中，这样在传到客户端的浏览器上时，既避免了图像形式带来的数据量增大、图像失真等不足，又避免了客户下载大字库的麻烦，实验结果显示，效果很好。

看来，古老的文字在最新的技术面前，焕发了生机！

[此贴子已经被作者于2005-10-12 20:02:48编辑过]

姓名：(无权查看)
城市：(无权查看)
院校：(无权查看)

[转贴]基于SVG的甲骨文显示技术研究
The Study of Jiaguwen's Display on Web Page Based on SVG
史创明　刘永革　
摘　要：报道一种利用SVG在网页中显示甲骨文的技术,包括创建甲骨文SVG文件和嵌入网页. 该技术有助于其他特殊领域的特殊图形符号的网页显示.
关键词：甲骨文;SVG;网页显示
分类号：TP391 　文献标识码：A
文章编号：1003-4978(2005)02-0082-03

基金项目：河南省青年骨干教师基金项目(2002215)
作者简介：史创明(1963-),男,河南安阳人,安阳师范学院副教授,主要从事信息检索和中文信息处理研究.
作者单位：史创明（安阳师范学院,计算机科学系,河南,安阳,455000）　
　　　　　刘永革（安阳师范学院,计算机科学系,河南,安阳,455000）　
参考文献：
[1][美]马丁. XML高级编程 [M]. 第2版. 北京:机械工业出版社,2002.
[2]MarkBaartse,RichardBlair. ASP与XML高级编程 [M]. 北京:清华大学出版社, 2002.
[3]刘永革,栗青生.可视化甲骨文输入法的设计与实现 [J]. 计算机工程与应用, 2004,17:139.

看来甲骨文研究，古老的文字在最新的技术面前焕发了生机！

姓名：(无权查看)
城市：(无权查看)
院校：(无权查看)

[转贴]移动可缩放矢量图形以增强无线多媒体的实用性
作者：Jeff Wender , Donna Ronayne

       最新的无线设备正为最终用户提供全新的各种特性、服务和应用。移动可缩放矢量图形（SVG）作为近期新兴的成像标准，由第三代合作伙伴项目（3GPP）用于多媒体消息传送服务（MMS）中。在把无线技术的潜力变为日常实际应用的过程中，它发挥着关键性的作用。
       移动SVG由万维网联盟（W3C）开发，近期经批准成为未来无线设备"必须支持"的或指令性特性，从而支持MMS消息。目前，由于它实际的标准化地位，移动SVG必将使各种2.5G和3G的MMS消息发布满足实际要求。
       SVG和移动SVG的由来
       移动SVG规范是另一个W3C成果SVG的子集或衍生，SVG是一种以XML描述二维图形的语言，它可以具备三种类型的图形对象：矢量图形（如包括直线和曲线的通道）、图像和文本。图形对象可以按组归类、风格化、转换并插入到先前处理的对象中。
       文本可用于任何适合应用的XML名字空间中，这增强了SVG图形的可搜索性和可访问性。该特点集包括嵌套转换、剪辑通道、阿尔法掩模、过滤器效果、模板对象和可扩展性。
       SVG图形可以是动态的和互动的。SVG的文档对象模型（DOM）包括完整的XML DOM，可通过脚本编写实现简单有效的矢量图动画。丰富的事件柄集，如鼠标移动时间和点击事件等，可分配给任何SVG图形对象。由于它兼容其他Web标准并对其加以利用，因此脚本编写等特性可在相同的Web页面上同时作用于SVG元素和来自不同名字空间的其他XML元素。
       尽管移动SVG还在襁褓阶段，但已经出现了一些有潜力的应用。其中最具创新性的是娱乐应用、基于位置的服务和现场服务。
       娱乐内容包括互动卡通、贺卡和动画。基于位置的服务和现场服务是特别适于移动SVG的两种应用领域，因为该技术能够允许用户进行大幅度放大而不损失图像质量。基于位置的服务包括带有动画对象和超级链接的地图，可始终提供不同区域视图清晰的地图或地形层。现场服务包括通过移动SVG实现的技术图形，不管是全图查看还是细节查看，都能始终提供高质量的图像。
       关于移动SVG误解
       要很好地了解移动SVG就要首先认识到关于它的误解。描述图形有各种文件格式，包括JPEG、GIF和PNG等。它们基本说来都是位图格式。位图格式仅就每个像素给出一个色彩描述，像素则是构成图形的小点。
       与此相反，移动SVG是矢量图形格式，它包括图形中所有形状的几何描述，带有其全部属性，包括颜色、大小和边框厚度等。此外还有其他基于矢量的格式，如Macromedia Flash、AutoCAD和PostScript等。但是，与上述其他格式不同，移动SVG是开放式的，在不同销售商中通用，基于XML，且专门为无线传输和现实所设计。
       SVG是以XML描述矢量图形的标准格式。根据设计，该格式能够保证包含丰富、互动图形的MMS消息在不同通信公司、手持设备和内容供应商之间实现互用性，而不必在不兼容的各种图形格式间进行有损转换。
       作为基于XML的标准，移动SVG便于人们阅读，方便创建，且能够在不同的解析度或缩放度下保持图像质量。这些属性都是HTML和位图所不能比拟的。我们不能错误的认为移动SVG可以取代位图格式或HTML，实际上，它更适于编码并显示特定类型的内容。
       完整的SVG标准最初设计用于台式机上的视图。W3C推出了两种SVG的移动版本--SVG Basic，用于高端手持设备和PDA，以及SVG Tiny，用于智能电话和低端PDA。SVG Tiny和SVG Basic统称移动SVG。
       无线多媒体中移动SVG的优势
       比较于位图而言，移动SVG在编码并显示动画、地图和互动图形方面的优势非常明显。位图是静态的，而矢量图形则是动态的和可缩放的。这意味着它们可以反映非常高级的图形特性，包括动画、分层图形、半透明对象、嵌入到图形中的图形、复杂形状和字体效果等。此外，移动SVG实现的矢量图形还是互动的，具备缩放、展开、超级链接等特性。
       移动SVG的可缩放性使图象可调整大小以适应任何屏幕或打印机尺寸或解析度，而不损失质量。这在无线世界中是一大优势，因为移动设备的形状和大小各异。用户也可放大图像而不损失质量--这在小巧的手持屏幕上查看大型图像时是一项有用的功能。
       移动应用对带宽非常敏感，因此特别重要的是，SVG文件的大小通常都低于位图，这就缩短了无线网络的下载时间。如右侧图形所示，它非常适合在屏幕空间有限的设备上显示内容。如图所示，如果使用传统的技术，您放大较小的位图近距离查看时会得到模糊、有棱角的图像。但是，同样的图片如果保存为移动SVG文件格式，就可以无限缩放而不损失质量，也不用返回服务器下载更多的文件。
       移动SVG强大特性的另一具体实例就是它可在图形中存储各种对象信息。举例而言，一个方形上面有一个三角形，我们可以"知道"这是SVG地图上的房屋。这样，我们就可以用显示超级链接或显示屏上出现嵌入文本提示等事件来为用户提供更多信息或可点击的选项。SVG图形中的文本甚至还可用基本的搜索引擎进行搜索。
       移动SVG适用于许多应用，不过也有些情况并不需要它。矢量图形不适于照片图形，JPEG是专为此目的设计的。因此，3GPP在其MMS标准中既包括了位图格式，也包括了SVG Tiny和Basic格式，而移动SVG也能够支持嵌入的JPEG和PNG图形。
       为何选择SVG？
       多年来，移动SVG并不是唯一开发出来的矢量图形格式，它也不是3GPP所考虑的唯一格式。但是，正如其与位图格式相比具有许多优势一样，移动SVG较其他矢量图形格式而言也具有许多长处。
       首先，它是唯一真正的开放式、独立于不同销售商的2D矢量图形格式。它由W3C创建并维护，该组织也是定义HTML和XML标准的开放式联合组织，它没有任何专属或专利技术。这意味着不存在许可费用，且销售商可以无缝地创建并共享内容。
       与其他矢量格式不同，如Mac OS的PICT或Windows的WMF，移动SVG是独立于平台的。第三，SVG是一种XML语言，因此它能够利用已经存在的有关XML的大型工具集和知识库。这也使其能够方便地集成到基于XML的应用中。
       根据设计，SVG是强大而功能丰富的。创建该格式的W3C工作组成员包括Macromedia、Adobe和AutoDesk--他们都希望保证大多数支持其本身格式的功能能够包括到移动SVG中，这与他们都有很大的利益关系。因此，移动SVG也适用于各种应用，包括CAD、GIS和娱乐等。
       第五，移动SVG专门为空间、电力和带宽有限的移动设备而设计。大多数其他格式都因太大或太复杂而力不从心。
       移动SVG将改变无线市场
       最终用户当然是移动SVG MMS消息传送的最终受益者。随着各种新型服务、应用和图形功能的出现，无线设备将在用户的生活中发挥日益重要的作用。移动SVG还可为无线运营商、制造商和内容供应商带来重大机遇。
       作为一条关键的途径，MMS可以帮助运营商进一步开发已经由短消息服务（SMS）启动的收入。以互联的因特网为模型，显而易见，图形丰富的内容和消息对于增加用户流量是至关重要的。相对于目前无线提供的简单的短消息和基于位图的图形而言，移动SVG能够带来更为互动、更吸引人的用户体验。然而，带宽可能是移动SVG最吸引通信公司的地方。该格式与音频和视频流不同，能够在2.5G甚至2G网络中良好的工作。传输丰富、互动的移动SVG动画只需不到十几个千字节而已。
       移动SVG对MMS消息传送进行了改善，这将增加用户需求，显然也会吸引手持设备制造商。与通信公司一样，OEM也可添加移动SVG功能，而不会引起重大设计变动或增加制造成本。由于移动SVG是非常丰富和功能多样化的平台，它非常适于帮助设备制造商提供独树一帜的服务项目--同时还可保证互用性。
       MMS建立在业经检验的 "广播消息传送" SMS模式上，用户订阅使用有关天气、体育比分、每日卡通和其他无线设备提供的实时信息的服务。移动SVG使得内容供应商可以进行更吸引人的广播消息发布，推出视觉丰富、高度互动的广播消息，吸引更多的注册用户。
       随着目前有关工具进入市场，可以自动转换现有内容为移动SVG，并根据手持设备和网络的限制进行优化，这将有助于简化内容创作者和供应商的开发工作，并降低开发成本。
       利用适当的系统内容，开发人员只需一次创作或转换内容，就可使其在几乎所有设备上使用，只要设备满足基本要求和兼容性即可，就好像今天我们用HTML创建网页一样。
       新一代无线系统的成功始于用户，也终于用户。如果无线用户认为有必要替换他们现有的电话，他们就会这么做。MMS消息传送经过以用户为中心的技术的不断丰富，与移动SVG一样，不断推动着电话升级。业界实施移动SVG所面临的挑战则在于，如何让升级的动力不可阻遏。

姓名：(无权查看)
城市：(无权查看)
院校：(无权查看)

    SVG（Scaleable Vector graphics）在Adobe公司的支持下，成为一个为动画网页格式，向Flash提出了很大的挑战。
    SVG同样是一个具有清晰XML结构的文件格式，能够进行跨媒体出版，首次出版的SVG印刷需求文档明确地表明了它的用途。
    文档表明SVG格式具有Acrobat格式的优点，利用SVG格式可以进行可变数据的印刷，数字相册的制作和桌面出版印刷。该文件格式还支持设备特定的描述文件。

姓名：(无权查看)
城市：(无权查看)
院校：(无权查看)

[转]使用SVG在浏览器里绘画和注释
作者： BUILDER.COM
2002-12-25 01:0 PM

想像一下在浏览器里做下面这些事情：在任何地方（不仅仅在表单域里）输入文本，勾划一个外形，或者使用鼠标画一条线路。也就是说，把浏览器当作一个绘画工具，利用这个额外的能力还能把画好的图保存到数据库里。绘画和保存。有了可伸缩矢量图（SVG）这就是可能的，这是一个2001年9月W3C推荐的2-D Web图形标准。

这个能力用于注释显示在Web页面上的图像是很有用的。这项技术的商业应用包括注释医疗图像、地图和扫描的文档。

尽管像IE和Netscape这样在当前很流行的浏览器不能直接生成SVG，但是有来自Adobe（SVG查看器）和其他公司的插件可供使用，用于生成SVG文档。由于SVG是W3C的一个标准，所以我预计它将很快成为浏览器未来版本所内置的功能。

SVG入门

SVG图像是矢量图，这意味着所有的图形信息都被保存在一系列用于画线、外形和其他对象的命令里。这些信息最终将会被转化成应用程序专用的位图，也叫做光栅图形。把SVG图像转化成光栅图像是使用浏览器（插件）完成的。注意，这和基于位图的图形，如GIF或者JPEG不同，后者必须在服务器上生成，并作为位图发送给客户。

SVG图像也是可伸缩的。放大SVG图像不会造成图像的变形（锯齿边缘），因为是用于再次生成图像的指令，而不是位图像素值被送到了生成程序。

SVG是如何让你在浏览器里绘画的？

SVG文件是XML格式的。当它被发送给浏览器／SVG插件的时候，所有的内容都被保存在文档对象模型（DOM）里。SVG提供了一个API来捕捉鼠标和键盘事件，并操控DOM。让我们看一个说明这个问题的例子吧。

用于矢量图形命令的XML格式

Listing A管窥了XML风格的句法。它就像事务实体的对象模型，并带有绘图属性和对象属性。当这个文件使用SVG插件在浏览器里被打开的时候，你会看看到一个环。要测试这一点，从Adobe的Web网站下载和安装SVG插件。然后，创建一个新的文件Circle.svg，把其代码复制到文件里，并从Web浏览器里打开这个文件。

操控DOM

DOM是一个用于访问、添加、删除和更改SVG-XML文档内容的API。例如，当浏览器读取Circle.svg的时候，SVG插件里的DOM被这个文件所包含的所有信息填充，然后这个环就在浏览器里被生成了。操控DOM内容（它包含有那个环）的一种方法是使用SVG提供的API。对于一个像这个样的例子，看看Listing B所示的JavaScript程序。当页面被载入的时候，它除了环以外，还会划一条直线。

这个API还提供了一种机制来处理事件，例如onmousedown、onmousemove和onmouseup。例如，看看Listing C里带有三个JavaScript函数的SVG-XML文件。这个例子说明了如何使用SVG API来捕捉鼠标事件，以及如何改变DOM。

注意，尽管出于说明的目的，我们包括进了OMM()函数，但是我们没有为其提供任何代码。如果想画一条路线而不是一条直线，你可以使用这个函数而不是OMU()和OMD()。你也可以捕捉onclick、onkeydown和onkeyup鼠标和键盘事件。

这个机制基本上是用于在浏览器上绘图的：

捕捉鼠标（或者键盘）事件。
捕捉鼠标坐标或者键盘信息。
更改DOM。
当DOM发生改变的时候，（SVG）插件就提示浏览器在DOM里画新的元素。

动态SVG

SVG也支持动画。例如，考虑一下Listing D，在这里，鼠标的点击会在一秒钟之内把球的半径从100增加到200。

--------------------------------------------------------------------------------
那么数据又会怎样呢？
尽管我们的例子一直都在关注使用DOM操控图形信息，但是你也可以用它来和数据库进行交互操作。DOM的元素和数据能够使用JavaScript来收集，并在表单被提交到服务器的时候被送到数据里。
--------------------------------------------------------------------------------

结论

基于浏览器的事务应用接口只允许有限数量的输入控件，例如文本框、下拉框和单选框。SVG能够充分打开通向更加丰富的用户交互操作的大门——从在浏览器的任何地方输入文本到绘制圆、直线和直角等规则图形，再到在触摸屏上使用手写笔在空白处绘画或者添加注释。

IE和Netscape这两个常用的浏览器不能够直接生成SVG。但是SVG是W3C的一个标准，所以这个功能很有可能在不久的将来被集成进这些浏览器里。

姓名：(无权查看)
城市：(无权查看)
院校：(无权查看)

[转]浅谈SVG在印刷领域的应用
一、SVG
1.SVG概念
图形、图像在网络中起着重要作用，W3C （World Wide Web Consortium，为互联网制定标准的组织）在这一领域已经作了多年的努力。W3C是作为一个国际性的工业联盟而创建的，目的是领导整个互联网协作的发展和创新，以实现科技的进步和共同发展。W3C曾经创建了PNG（Portable Network Graphics）、 WebCGM（Computer Graphics Metafile），在2000年8月W3C创建了一种新的二维矢量图形格式，也是规范中的网络矢量图形标准，即 SVG。
SVG（Scalable Vector Graphics，可缩放矢量图形）是动态交互式的动画效果的二维矢量图形和可扩展性标志语言（X M L）的结合，网络开发者和设计者可以利用SVG根据实时数据动态创建高质量图形。W3C在SVG的开发过程中得到了众多厂商的支持，如： Microsoft、Adobe、Sun、IBM、Cannon、 HP、Kodak、Quark、Apple、Autodesk、Bit Flash、Corel、ILOG、INSO、Macromedia、 Netscape、OASIS、Open Text、Xerox等，因此SVG不是一个私有格式，而是一个开放的工业标准。SVG并非仅仅是一种图形格式，由于它是一种基于XML的语言，也就意味着它继承了XML 的跨平台性和可扩展性，从而在图形可重用性上迈出了一大步。例如SVG可以内嵌于其它的 XML文档中，而SVG文档中也可以嵌入其他的 XML内容，各个不同的SVG图形可以方便的组合，构成新的SVG图形。
SVG的第一个版本SVG1.0是W3C在2001年推荐的。模块化的SVG1.1和SVG Mobile profiles是W3C在2003年1月推荐的，其中SVG Mobileprofiles是针对移动设备提出的，包括分别针对便携式计算机的SVG Basic和针对移动电话的SVG Tiny。W3C在继续建立SVG1.2和应用于印刷设备特性文件的SVG2.0，以及进一步与SMIL2.0、XHTML、MathML、Xforms等XML语言集成。
2.SVG的特点：
SVG是一种在XML中定义二维图形的语言，它能整合矢量图形（例如，包括直线、曲线在内的图形边）、位图图像和文本。SVG图形对象可以与已经绘制好的对象结合，可以被组化、样式化、变形和重新组合，包括图像嵌套、变形处理、剪辑路径、Alpha蒙板、滤镜特效和模板对象。SVG图形具有交互性和动态性，动画可以通过直接声明（比如在SVG里嵌入SVG动画元素）或者通过脚本来进行定义或触发。
今天绝大多数的Web图像都使用GIF或者JPEG这类的位图格式，由于位图需要包含一幅图像里的每个像素的信息，所以它太大、太慢。但是矢量图形则提供了一个更好的解决方案，它使用对象的形状和路径描述图形，相对而言，位图需要的存储空间要比矢量图更多。SVG作为矢量图形格式，同样具备了矢量图的诸多优点，更适合在网络中传输和应用。由于文件比较小，同时也能提供高清晰的画面，适合于直接打印或输出到一些小型设备（如手提装置）。SVG除了矢量图的优势，也同样保持了对位图图像的正确表达功能，使用XML中的XLINK（扩展链接）标签，可以调用位图图像。
SVG具有如下优势：
兼容性：SVG是基于XML语言，继承了XML的可扩展性和跨平台性，以文本来描述矢量化图形。S V G可以和HTML、GIF、JPEG、PNG、SMIL、ASP、JSP、JavaScript等当今流行的网络技术进行无缝连接。SVG图形可以方便的由程序语言来动态的生成，例如用JavaScript、Per、Java等，这对于一些数据库制表是非常实用的，图形可以根据数据库中的关系量实时的改变；SVG图形中的命令语句可以自由的和脚本或程序，如JavaScript或XML进行交互，完全通过代码来实现；SVG可以很好的跨平台工作，解决外部输出、色彩、带宽等相关问题。
动态和交互式：SVG支持DOM（Document Object Model，文档对象模型）。因此可以通过脚本或程序直接高效地动态访问文件，鼠标点击等外部事件可以驱动任何SVG图形对象。由于和其他网络标准的兼容性，脚本等可以对处于相同网页的SVG和其他XML元素起作用。
SVG支持六种图形、图像对象：包括矢量图形形状（例如直线、曲线路径）、图像、渐变填充、过滤、可重用部件（例如符号和标记）、文本。各种图形、图像对象能够重组、转换，并且可以改变其样式，也可以定义预处理对象。
文本独立：丰富的图形效果有时候会在很大程度上依赖于所使用的特定的文字和文字间距。大多数情况下，图像设计者为了防止图像上的文字被别人替换，往往会把文字转换成图像，原来的文字也就变成了不可搜索和访问的了。SVG 的标准制定者在听取了设计者们的意见后，在SVG中保留了文字元素，这样，文字和图像都被分别进行展现。同时，也不会再有字体的限制，用户系统即使没有安装某一字体，同样可以看到这些字体。SVG 中的文字可以被网络搜索引擎作为关键词搜寻。利用这一性质，通过SVG中定义的文字，就可以制作出非常高效的图形搜索引擎。图形中的文字也可以被用户浏览器查找。
表现质量：超强显示效果：S V G图形的清晰度适合任何屏幕分辨力或打印分辨力；用户可以自由的缩放图形而不会破坏图形的清晰度；通过各种平台和设备，以SVG格式建立的图形可以进行质量无损的压缩，在保留全部质量的情况下，SVG 可以应用于网页、印刷、甚至是便携设备上。
易用性：由于SVG以XML语言为基础，采用文本来描述矢量化图形，使得SVG图形文件可以像HTML网页一样有着很好的可读性，网络开发人员可以很容易的读出文件的内容，减少了学习时间。
Adobe公司工具的支持：Adobe公司在SVG 规范的建立过程中起了领导作用，在尽力确保A d o b e公司世界级的主要工具（例如Adobe Illustrator、Adobe GoLive）和SVG的兼容性。Adobe公司尽量使它的产品可以支持SVG 文件，Adobe Illustrator可以产生SVG文件，即使是交互式菜单也可以通过Adobe Illustrator的Interactivitypalette很容易的创建。Adobe Golive支持SVG文件的布局，创建交替网页，编辑SVG源代码。
二、SVG在印刷领域的应用——SVGP
由于SVG独有的一些特点，利用SVG格式可以进行跨媒体出版、可变数据印刷、数字相册的制作和桌面出版印刷。W3C联盟决定将SVG格式推广到印刷领域，于2003年2月推出了SVG印刷需求文档。SVG格式应用于印刷领域后成为SVGP（Scalable Vector GraphicsPrinting ），表明SVGP是专门为印刷制定的格式。目前，SVGP还处在制定中。
1.初步计划SVGP在印刷中可以应用于以下几个方面：
封闭的印刷解决方案（C l o s e d P r i n t i n gSolution）：由于印刷系统在接收和印刷不同格式的文件时，需要将输入文件转换为内部格式，以便在不同设备之间传输。SVG适合系统大分辨力的要求，所以可以成为印刷设备中文件转换的内在格式。
幻灯片演示（Slide Presentation）：现存的任何私有的幻灯片演示格式可以转换为SVGP，可以在任何地方打印。
不需计算机的照片打印（P C - f r e e P h o t oPrinting）：如果用户具有一个只有JPEG图像格式的数码相机，为了缩放和存放JPEG格式图像，可以将JPEG格式图像嵌入SVG文件中，而且可以为照片添加日期、时间等文本信息，可以将处理结果直接发送到可以识别SVGP格式的打印机。
不需计算机的相册制作（PC-free Photo AlbumGeneration）：如果利用数码相机拍摄了许多照片，选择内置模版样式制作相册，可以将数码相机直接和可以识别SVGP格式的打印机连接，向其发送包含图像、边界、边框等在内的最终SVGP图形。
可变数据印刷（Variable Data Printing）：顾客希望使用SVG格式提供可变数据印刷内容，将SVG内容加在XML 数据流中，作为工作活件（Job ）之间改变的内容，在最后提交之前，SVG转换为其他代码，在工作控制命令下完成印刷工作。文档以SVGP格式存储，将SVGP格式的文档传输给印刷机，同时象PDF格式一样，附有工作控制命令。
经过S V G 传递到可以识别S V G 的打印机（S V GPass-through to SVG Printer）：用户用SVG兼容的浏览器查看SVG内容，用户希望直接发送SVG文件到印刷设备进行印刷，印刷设备必须可以直接提交SVG内容。例如，当应用程序找到支持SVG格式的设备时，操作系统发送SVGP数据流到印刷驱动设备，驱动设备会将SVGP印刷数据流传递给印刷设备。
通过不可以识别S V G 的印刷设备印刷SVG 文件（Printing SVG to a non-SVG Printer）：在这种情况下，SVG文件必须转化为PCL或PS格式。代理服务器浏览（Proxy View Printing）：在一个不能产生印刷输出的设备上有一个动态S V G 浏览器，用户选择可以找到SVG内容的URL地址，并提出打印的要求，这些内容会被发送到可以产生原S V G内容（包括在移动设备上不可见的内容）的打印机。
用户编辑的打印内容（User Edited PrintContent）：在最后印刷前，用户想在由不能识别SVG的桌面出版软件创建的文档中加入SVG效果，用户可以将文档打印到软件打印驱动器，原本的印刷格式（例如GDI或PostScript）翻译成SVGP格式，在将最终结果发送到打印机之前用户可以手工或采用工具编辑SVGP。
GDI代码转换（GDI Transcoding）：用户选择打印内容，和可以识别SVG格式的打印机，应用程序产生标准的OS打印流（例如Windows操作系统中的GDI-compatiblestream），打印机的驱动器会将GDI-compatiblestream转化为SVGP格式，发送给打印机。
预览捕捉（Preview Capture）：用户选择打印内容和可以跟踪打印流的打印驱动器，并且将打印流以SVGP格式保存到磁盘。将存储的SVGP装载到SVG 浏览器，达到预览的目的。
交互格式（Interchange Format）：用户选择打印内容和可以跟踪打印流的打印驱动器，并且将打印流以SVGP格式保存到磁盘。从桌面上选择打印文件，此时操作系统决定打印文件，会出现两种情况：①操作系统将其识别为XML或一般文本文件，打印源代码；②识别为SVG 格式，然后操作系统将SVGP转换为标准OS打印流（例如W i n d o w s操作系统中的G D I - c o m p a t i b l estream ），或者通知打印机可以复制S V G P 格式，将SVGP文件传输到打印机。
网络分布式的有页码标识的文档（Web Distributed Paginated Documents）：用户选择打印内容和可以跟踪打印流的打印驱动器，并且将打印流以SVGP格式保存到磁盘。这个最后形成的有页码标识的文档可以通过网络或电子邮件形式发布，用于其他人浏览和打印。
将内容转移到成像设备（Generic ContentTransformation for Imaging Device）：目的是使XML在两种不同设备（屏幕和纸张）上均可视，XSLT用于将X M L转换成两种不同的SVG 文件（根据设备改变版式），将SVG 文件打印到纸张上。
2.建立SVGP规范的特殊要求：
动画效果和交互式链接：SVG 文件可以包含动画效果和超级链接，印刷设备不能执行动画效果或支持交互式内容，所以在SVGP中可以忽略SVG的动画效果和交互式特性。
颜色空间：在印刷中，颜色的正确复制是非常重要的，所有颜色是通过在一定的颜色空间（例如，RGB颜色空间）中进行描述的，并且通过恰当的关系映射至输出颜色空间（例如设备C M Y K），不同颜色空间可以通过ICC输出特性文件转换到输出颜色空间。在色彩学中，颜色空间可以分为设备相关颜色空间（deviced e p e n d e n t ）和设备无关颜色空间（d e v i c eindependent），例如，通常所说的“spot color”即是设备相关颜色。
点色彩空间（Spot Color Support）：在某种情况下，我们需要知道某种颜色的准确数值，目的是直到提交时都保持这种颜色的准确数值，此时需要引入一种维持颜色表达式和设备相关特殊颜色的算法。这种算法必须可以区分设备相关特殊颜色和设备无关颜色。在实际应用中，维持设备无关颜色处理路径是更可取的办法，此时允许特殊颜色不进行任何改变，同时允许其它颜色根据规范进行转换。
多页面的支持：传统的SVG文件可以压缩成一个页面，对于单独的图像，例如地图，这种情况非常好，对于较大的文档，将文档压缩成一个单独页面，非常适合于屏幕显示，但是不适合于印刷。对于SVGP需要在文件中加入分页符。
多部分支持：文件可以参考外部图像数据和资料，例如字体。定义一种将大量文件集中传输到硬拷贝设备的方法是非常可取的。很多硬拷贝设备缺少数据双向传输路径，因此在这些设备中，包含SVG可印刷数据和它的支持文件的集合是必需的。
三、PDF格式向SVG格式的转换
目前，在大部分情况下，PDF仍然是文档的标准，企业已经在建立PDF文档的全面工作流程方面作了巨大投资，但是对于在线文档使用SVG标准是一个非常有吸引力的想法。与其他格式相比，SVG具有很大优势：用户可以任意缩放SVG图形显示；SVG中的文本独立于图像；SVG的文件占用空间较小；SVG具有超强的显示效果，它的清晰度适合任何屏幕分辨力和打印分辨力。总之，SVG文档具有PDF文档的质量、具有HTML的动态效果以及XML的结构，从而使它是在线文档的理想格式。另一方面，SVG Imprint SDK具有与现存文档管理和工作流程应用软件的集成性，弥补了企业在PDF文档方面所作的投资。
首先简单介绍一下matterCast公司：matterCast公司是产品、服务、解决方案的提供者，主要针对出版业数字内容的发行和管理。matterCast公司的服务包括咨询、计划编制、原数据管理、数据权限管理等。
2003年5月，matterCast公司发布了SVG Imprint1.0，是一套将PDF（Portable Document Format）文档转换为SVG文档的软件产品。SVG Imprint产品由将单个或成批PDF文档转换为SVG文档的桌面软件组成。作为软件开发包（SDK，software development kit），与转换机制集成后，可以获得基于服务器的企业版。
根据matterCast公司的SVG Imprint1.0，两种文档之间的转换基础如下，在从PDF文档到SVG文档的自动转换中：完全保留PDF文档的布局；以批模式转换PDF文档库；保留PDF文档包含的所有字体；保留PDF文档的所有内部和外部链接；优化转化后得到的SVG文件，以便得到最小的文件大小；产生压缩的SVG；支持CMYK色彩空间；提取栅格图像，建立GIF或JPEG格式文件；从PDF文档中的标签建立XML目录；可以容易的与其他文档管理软件集成；将矢量图形转换为SVG矢量图形格式；SVGP是为印刷领域创建的，虽然它的正式文档规范还在创建中，但根据2003年2月发布的印刷需求文档可以看出，SVGP可以应用于印刷领域的多个方面，满足了印刷行业的特殊需求。
作者单位：武汉大学新闻与传播学院
关键词：W3C SVG SVGP PD

姓名：(无权查看)
城市：(无权查看)
院校：(无权查看)

[转]在网络流量监控中的应用与实现
摘要：svg是一种基于xml用来描述矢量图型和矢量点阵混合图形的置标语言，是一种全新的矢量图形规范，实现了图形、图像和文字的有机统一。本文在粗略介绍了svg和netflow交换技术的基础上，结合中国科技网带宽管理系统，描述了生成格式的网络流量分析图形的协议分析工具中用到的一些技术以及实现的方法，最后讲述了该种方案带来的诸多优点并对svg的发展趋势进行了一下展望。

在网络流量监控中的应用与实现

姓名：(无权查看)
城市：(无权查看)
院校：(无权查看)

[转]svg 与建筑设计图的web 发布
摘要：svg 是一种基于xml 的描述二维矢量图形的可缩放矢量图形标记语言，具有许多适于网络应用的功能特点，非常适于二维矢量图形文件的web发布。论文主要探讨了使用svg在网络上发布建筑设计图的可行性，提出了一个从dwg格式转换到svg格式的方法。

svg 与建筑设计图的web 发布


	W 3 C h i n a ( since 2003 ) 旗下站点苏ICP备05006046号《全国人大常委会关于维护互联网安全的决定》《计算机信息网络国际联网安全保护管理办法》	171.875ms