软件学堂

网游分类软件分类

使用VML打造可改变大小的圆框

2012-11-08 来源:网络

【实例名称】

使用VML打造可改变大小的圆框

【实例描述】

在网页中画一个图片并不是简单的事情,因为其不提供c#语言中的GDI类库。本例学习如何使用VML轻松地画一个圆框。VML相当于IE里的画笔,能实现几乎所有想要的图片,而且结合JavaScript脚本还可以让图片产生动态的效果。

【实例代码】

<html Xmlns:v="urn:schemas-microsoft-com:vml"> <style> <!-- v\:* {behavior:url(#default#VML);} --> </style> <body onmousemove='with(document.all.test.style) {width=event.x;height=event.y;}'> <v:oval id=test style="width: 100; height: 100"> <v:stroke weight="1px" color="navy"/> </v:oval> </body> </html>

【运行效果】 使用VML打造可改变大小的圆框运行效果

【难点剖析】

在VML里标记使用的是Xml扩展,这需要一个命名空间_可以使用惯用的“v”作为命名空间,这就形成本例代码的第一行。样式表中的内容主要作用是把命名空间“v”和系统预定义的VML行为连接起来。“v:oval”和“v:stroke”是VML中的一些图片分类。具体的图片定义可参考VML的相关资料。

【源码下载】

为了JS代码的准确性,请点击:使用VML打造可改变大小的圆框 进行本实例源码下载 

上一篇:用JavaScript导出图片到Excel
下一篇:Javascript实现文档结构图

相关文章