脚本动态生成VML_Css

我们编写 vml 很重要的就是要和数据库结合，如果和数据库结合了，读数据和把数据转换成 vml 变成了两部分。如果直接使用 asp 生成包含很多 vml 的页面，一旦数据量多了，整个页面就变得很庞大，下载速度慢了，ie解释代码的速度也慢了，所以用脚本动态生成 vml 变得非常重要了。

    用 vml 画一个示意图，可以更明确上面的意义：

    前面的图文简单的说就是：使用一个 iframe 做后台，前台用脚本生成。也许担心，后台已经完成了，但前台还没有初始化的情况，你可以放心，因为读数据的过程肯定相对要慢，如果担心数据量少，只要你把脚本放在 body 前面，iframe 放在 body 的最后面，就不会产生同步错误的问题了。
    现在来具体讲讲如何用脚本动态产生 vml 。其实这和用脚本动态产生 html 是一样的过程。

<html xmlns:v="urn:schemas-microsoft-com:vml">
<head>
<title>动态创建vml</title>
</head>
<style>
v\:* { behavior: url(#default#vml) }
</style>
<script language="javascript">
function createpoint(x,y,v)
{
var strelement="<v:rect title='"+v+"' style='top:"+x+";left:"+y+"width:100;height:100'></v:rect>";
var newpoint = document.createelement(strelemnt);
group1.insertbefore(newpoint);
}
</script>
<body>
<v:group id="group1" style="width:200px;height:200px;" coordsize = "200,200">
</v:group>
<iframe src="readdata.asp" name="data" style="display:none"></iframe>
</body>
</html>

相应的在 readdata.asp 里面:

    看完上面的，是否对这种模式有所理解呢？下面谈谈动态生成 vml 所要注意的一些问题，先说说 document 的 createelement 方法。ie版本不同， createelement 的使用也有所区别，在早期版本的ie， createelement 只能创建 select 里面 option ，比如说 var newoption=document.createelement("option"); 但在 ie5.0 以后，createelement 可以创建所有的对象，使用的方式是 var newelement=document.createelement("<div id='odiv'></div>"); 注意到没有，这里的参数必须是个完成的 html 标记，而不是 div，用这个方法的好处就是，可以用一个语句把新创建的对象描述清楚。insertbefore 方法很好用，它把新创建的对象插入到最后。
    我们一开始就有了 group1 ，所有以后动态生成的 vml 直接插入到 group1 的后面就可以了。曾经做了三个实验，第一个是普通的，用asp生成 vml 代码；第二个是不用iframe，在同一个页面生成脚本；第三个就是上面的例子，使用iframe 产生脚本。结果在大数据量的条件下，效率最高的是第三个，其次是第二个，第一个有明显的慢的感觉。
    接下来的一节，将讲述vml最激动人心的功能，放大缩小！

建立WEB两大经典！《VML极道教程》+FlashVml(闪耀之星)3.0中/英文版联合发布！

该贴的内容，请务必字句阅读，因为这是免费赠送给所有webit人的一个技术大蛋糕！注释:以下所有的url演示地址，因人流问题会较慢，其加载时请耐心等待，并尝试使用... [阅读全文]

Shape对象与VML坐标系

shape是vml最基本的对象，利用它可以画出所有你想要的图形。在vml中，使用的坐标并不是document的坐标，它有自己的坐标系，这样一来，动态改变它的坐标... [阅读全文]

何为“VML”、VML的基底知识

html是web网页的标准格式，我们看到的网页都是html标记编写的，但标记有限-vml是用代码标签在网页内绘图的标记语言，类似html，或可说是html的补足... [阅读全文]

VML的基本概念

vml相当于ie里面的画笔，能实现你所想要的图形，而且结合脚本，可以让图形产生动态的效果。vml是微软1999年9月附带ie5.0发布的，在我认为， vml其实... [阅读全文]

VML网页文件的基本格式

很显然，跟html网页的结构很类似，以上标记的意思你可以理解为如下（//符号后是解释）而至于xmlns:o="urn:schemas-microsoft-com... [阅读全文]

vml简介

vml(vector markup language) 是一个最初由microsoft开发的xml词表，现在也只有ie5.0以上版本对vml提供支持。使用vml... [阅读全文]


验证码：

验证码：

脚本动态生成VML

2024年05月15日 • Css •我要评论

相关文章:

发表评论