当前位置：软件学堂 > 资讯首页 > 网络编程 > 编程其他 > 使用VML打造可改变大小的圆框

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

2012/11/8 17:21:17作者：佚名来源：网络

移动端

【实例名称】

使用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打造可改变大小的圆框进行本实例源码下载

标签： VML 图片圆框

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

相关文章

热门软件/ 推荐游戏/ 手机软件

资讯分类

Dreamweaver Flash DIV+CSS 编程其他

推荐教程

精品软件推荐

360安全卫士

讯飞输入法