admin 管理员组文章数量: 1184232
2024年4月20日发(作者:皮皮虾导航网址)
维普资讯
第15卷第7期 电脑开发与应用
基于VML与XML实现Web图形展示系统
Using VML and XML to Build Graphics System on the Web
刘世雄
(长沙市统计局长沙410013)
【摘要】首先对HTML、XMI 及VMI 进行比较,然后使用IE5.0提供的VML解析器,说明VML的基本语
法,探讨使用VMI XMI 等技术实现Web图形系统的可能性,同时给出了一些原型实例。
【关键词】 VwI ,XMI ,Web,SGML,图形系统
ABSTRACT HTMI ・XML and VMI are compared firstly.Some basic semantics are explained by using the VML render provided
by IE 5.0,and possibility of using VML,XML and other techniques to implement Web graphic system is researched
Some proto—
.
type examples are given.
KEYWORDS VMI ,XML,Web,SGMI ,graphic system
1 SGML、HTML、XML与VMI
HTML以简单精炼的语法,极易掌握的通用性与
易学性,使Web网页得到了极快的推广。HTML过份
化。XML是一个定义语言,HTMI 标记语言每个只能
定义某一种文件,而XML可以定义无穷无尽的标记
来描述Web中的任何数据元素,从而组成一个完整的
信息体系,使文件的内容更丰富更复杂。
VMI (Vector Markup Language)简单说来,它仅
是XMI 规范中用于图形向量格式的一个子集,该规
限制了Web文件的复杂性与灵活性,使人们面对复杂
多变的具体应用束手无策。人们开始全力重新构造
Web,诞生了许多新的技术。XMI 是其中最引人注目
的一项(见图1)。
s[ m
范的草稿已提交W3C组织。VML主要用于帮助开发
者处理二进制图形文件,这些文件在Web环境下具有
以下几方面的限制:
①文件太大,下载困难;②难于维护与修改;⑧独
立于HTML文档,发布不方便。
王 阮
j: 羁曩i≥
2 VML工具及语法简述
图1 SGML、HTML、XML与VML
HTMI 超文本标记语言是从SGML通用标记语
言简化而来的。HTML对SGML的过度简化使其语
言性能大大降低,无法支持Web的进一步发展。
SGMI 虽可处理大而复杂的文件与应用,但
2.1简单形状的实现
使用元素“<v:line>”、“<v:rect>”、“<v:
polyine>”、“<v:roundrect>”、“<v:oval>”
‘‘<v:
、
curve>”与“<v:arc>”实现一些简单的图形。下面是
使用“<v:rect>”的实例。
<V:rect style一 width一76:height一25 fillcolor一,,
green”>
SGML是定义所有类型文件的,因此定义冗长而复
杂,各种特性难以掌握,且一些特性对Web开发毫无
用处,于是增加了开发难度。
SGMI 过于复杂,而HTML又难以满足不断增
长的应用需求,互联网联合组织(W3C)在1996年11
月于波士顿举行的SGML会上,一种新的数据描述语
言——XMI 面世了。
<V:textbox style一 font—family:times new roman:
font—size:14;font—weight:bold;text—align:center;”>矩形
</v:textbox></v:rect>
上面代码的结果如图2(a)所示。
要注意的是,在代码中要适当地设置矩形的长与
宽及相应的填充颜色。
另外,在“<v:rect>”中加入一些子元素,如下列
XMI 脱身于SGMI 语言,它将SGMI 进行了简
* 2002 02—28收到,2002—03—14改回
** 该项目获长沙市统计局资助。
**刘世雄,男・1966年生,工程师,副站长,1987年毕业于广州华南理:I=大学.研究方向:网站
数据库、软件开发等。
、
维普资讯
・
8・(总322) 基于VML与XML实现Web图形展示系统 2002正
可设置矩形的边框类型及阴影背景。
< :stroke dashstyle一 1 2 |>
< :shadow on=H true”color一”black”,>
新的显示结果如图2(b)所示。
通过使用元素“”产生一些特殊效果,如下代码可
产生一个颜色呈梯度变化的圆角矩形。
<v:roundrect style一”width一150px;height一50px”fill—
color一”white”>
<N:fill type一 gradient”color一 black”color2一 blue”f
>
<v:textbox style=”font—family:times new roman;
font—size:14;font—weight:bold;text—align:center;color:yel—
low”>梯度矩形</v:textbox>
</v:roundrect>
显示效果如图2(c)所示。
囤 im;I 圈
(a) (b) (c)
图2一些简单的图形示例
2.2复杂形状的实现
“<v:shape>”是VML定义一个通用形状的元
素。仅用该标记,则仅说明图形的矩形区域。其
“
style”属性可设置图形的大小与位置等。如下将生成
一
个lOOmm的正方形。
<v:shape style一”top:O;left:0;width:100mm;height:
1OOmm; coordsize一”3 3”f>
而其“coordmze”属性设置相对组件(没有设置绝
对坐标的组件)的坐标范围。
但这仅定义了一个图形形状的容器。为了定义一
个具体的图形形状。在“<v:shape>”中使用子元素
“<v:path>”,该元素中包含属性“v”,它是由需要画
的点及一些相应的画图操作的字符串(所有的点用数
对“(x,Y)”表示,大小使用相应的坐标系统;而用“m”
表示移动到(moveto),“l”表示画线(1ineto),“x”表示
与第一点连接,组成一个封闭图形,“e”表示结束作
图),而且适当的填充颜色。下面代码产生一个8边形。
<v:shape style一”top:O;left:0;width:100mm;height:
100mm:”fillcolor一”white coordsize一”3 3 >
<v:path v一”m 1,O12,0,3,1,3,2,2,3,1,3,0,2,0,1 X e”
textboxrect一”0,1,3,2”/></v:shape>
应用“<v:shapetype>”元素能预定义一个可在
页面中多次引用的形状。该元素必须定义属性“ID”,
其本身并不产生任何可视的图形界面。在文档中凡需
生成所定义图形的地方使用语句“<v:shape type一”
#id >”实现对所定义图形的引用,同时在引用过程
中可设置不同的参数。如下是定义形状,并在页面中三
次引用的代码。图3是该代码的实际结果。
图3同一形状的多次引用
<v:shapetype id=”octagon”coordsize一”3 3”>
<v:path v一”m 1,0l 2,0,3,1,3,2,2,3,1,3.0,2.0,1,xe”
textboxrect一”0,1,3,2”/>
</v:shapetype>
<v:shape type一 #octagon”style一”width:lin;height:
lin; >
fillcolor一”red”>
<v:textbox style一”’text—align:center;font—weight:
bold”>
Stop</v:textbox></v:shape>
<v:shape type一”#octagon”style一”width:lin;height:
lin; fillcolor一”yellow ,>
<v:textbox style一”text—align:center;font—weight:
bold”>
Caution</v:textbox></v:shape>
<v:shape type一”#octagon”style一”width:lin;height:
lin;”fillcolor一”green >
<v:textbox style一”text—align:center;font—weight:
bold”>G0</v:textbox></v:shape>
3应用实例
3.1准备工作
首先,现阶段只有IE 5.O支持VMI ,因此,必须
安装好IE 5.0,并检查确认VML解析器“C:\Pro—
gram Files\Common Files\Microsoft Shared\VGX\
VGX.DLL”已安装。
其次,在要用VML显示图形页面的开始处加入
如下内容:
<html xmlns:v一”urn:schemas—microsoft—com:vml >
<head>
<object id一”VML Render”classid一”CLSID:1 0072CEC
8CC1—1IDI一986E一00AOC955B42E”><,/object>
<style>v\:*{behavior:url(#VML Render):}</style
>
<title></title></head>
第一行说明以“v”开头的标识都将用VMI 定义
的名字空间而非HTMI 缺省;第三行插入解析VMI
的ActiveX部件;第四行说明以“v”开头的标记都由
VMI 解析器处理。
(下转第11万)
维普资讯
第15卷第7期 电脑开发与应用
仔细分析这条指令,发现有漏洞,容易被黑客摆脱
访问列表安全控制,需对这条指令修改为:
access—list III permit tcp any any gt 1023;(gt表示大
于)
established在指令中对于TCP协议,表示一个已
建立的连接,如果TCP数据包ACK或RST位设置
时,出现匹配。黑客在进行网络攻击时,很容易欺骗使
用TCP报文中ACK和RST位,企图逃脱访问控制
列表的限制。一般地,TCP报文返回的随机端口号往
往大于1 023,而内部网络服务器等的端口号通常小
于1 024。使用修改后的指令,可以防止黑客对内部网
络中任何服务器发送报文,因为这些服务器端口都小
于1 024。
③网络安全控制中,对关区外部网络或分支机构
网络的控制很重要,但是对内部网段的防范也很重要,
许多路由器中的安全控制技术需要结合起来综合使
用。如对内部网络中的IP地址欺骗防范中使用ARP
映射表等。在网络中,许多机器可以自己设置IP地址,
如WIN95/98等设备可以由用户设定IP地址,有时用
户不了解一些网络重要设备的地址,误用这些地址,造
成网络故障。为避免网络IP地址被盗用,利用在路由
器上建立静态ARP映射表的方法,将1P地址与网卡
MAC地址进行绑定。例如,将某一路由器A的IP地
址与MAC地址进行绑定,E0的IP地址:1O.3O.99.
100,其MAC地址为0800.2C25.0088,将另一台重要
网络设备B的IP地址与MAC地址进行绑定,其IP
地址为10.30.99.188,MAC地址为0000.ABC1.
1008在路由器中,进行以下设置:
arp 10.30.99.100 0800.2C25.0088
arp 10.30.99.188 0000.ABC1.1008
总之,网络安全防范是保证信息网络安全、可靠运
行的重要保障,一个好的安全防范系统应是许多安全
技术的综合利用。做好这项工作需要在实践中不断总
结,不断创新,只有这样才能使我们的网络管理上一个
新台阶。
参考文献
1夏凌译.CISCO IOS网络协议解决方案(第一卷:IP).北京:
电子工业出版社,1992:全书
2陶文星译.因特网路由技术.北京:清华大学出版社,1998:
全书
(上接第8页)
3.2使用VML实现Web图形展示
在Web页面的“(body)”标记间插入VML语
句。如下代码将显示一幅娃娃脸。
< :shapetype id一”face coordsize一”21600.21600”O:spt
:=
96 adj= 17520
path= m10800。OwxO。10800。10800,21600,21600,10800,
10800.0xem7340,6445qx6215,7570,7340,8695,8465,7570,
7340,6445xnfem14260。6445qx13135。7570。14260,8695・
15385,7570,14260,6445xnfem4960@0c8853@3,12747@3,
1 6640@Onfe”>
<v:formulas> <v:f eqn一 sum 33030 0#0 / >
<v:f eqn一 prod#0 4 3 />
<v:f eqn一”prdo@O 1 3”/> <v:f eqn一”sum@10
@2”/></v:formulas>
<v;path O:extrusionok一 gradientshapeok一 t“ O;
connecttype一 custom
O:connectlocs一”10800,0;3163,3163;0,10800;3163,
18437;10800.21600;18437,18437;21600,10800,18437,3163
textboxrect一”3163,3163,18437,18437”/>
< :handles ̄<v:h position=”center,#O yrange一”
15510,17520”/></v:handles>
do:complex v:ext一”view”/>
</v:shapetype ̄
<v:shape type一”#face style opsition:absolute;mar—
gin—left:32.55pt;margin—top:一2.05pt;
width:81pt;height:1in;Z—index:1;1TISO—position—hori—
zontal:absolute;mso—position—vertical:absolute >
<v:fill opacity一”.5”/></v:shape>
4可进一步研究的问题
@VML与XML的结合应用。VML作图形展示
工具,而XML作通用的数据容器,使用浏览器获得包
括VML与XML标记的HTML文本,VML从XML
语句中获取数据,HTML标记完成一般的显示工作,
而VMI 完成图形的展示任务。
@VML与XML、XSL的结合。IE5.0支持XML,
也支持扩展样式表XSL,利用XSL技术,将XML表
示的数据信息用VMI 技术以多种图形方式展示。
参考文献
1 New XMI Features Streamline Web—centric App Develop-
ment.http;://msdn.microsoft.com/msdnmag/issues/
0300/sql/sq1.asp.
2 VMI Reference and samples.http://msdn.microsoft.corn/
standards/vml/ref.
3 W3CVWI specification.http |f nN .w3。org/TR/NOTE
VMI .
4 VML Provides XML—based Graphics for the Web.http://
www.microsoft.com/imnd/01 00/VMI /VML.asp.
版权声明:本文标题:基于VML与XML实现Web图形展示系统 内容由网友自发贡献,该文观点仅代表作者本人, 转载请联系作者并注明出处:http://www.roclinux.cn/p/1713576170a641549.html, 本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容,一经查实,本站将立刻删除。
发表评论