[原]JS动态创建VML
2008-07-03 13:33
176 查看
//画直线,加入到group1
function createLine(id,startArrow,endArrow){
var le = document .createElement( "<v:line><v:line>" );
var ske = document.createElement("<v:stroke/>");
if(startArrow != '')
ske.StartArrow="classic";
if(endArrow != '')
ske.EndArrow="classic";
le.appendChild(ske);
le.id = id;
group1.insertBefore(le);
}
//画圆角矩形,有3D效果,加入到group1
function createRect(id,text,left,top,isEnd){
var rectColor="#61f2fe";
if(isEnd=='t')rectColor="red";
var strElement='<v:roundrect fillcolor="'+rectColor+'" id='+id+' style="POSITION:absolute;Z-INDEX:1;left:'+left+';width:70;top:'+top+';height:70" strokecolor="black" strokeweight="1px" onmousedown="down(this)" onmousemove="move(this)" onmouseup="up(this)" title = "' + text + '"></v:roundrect>';
var newRect = document.createElement(strElement);
newRect.innerHTML = "<v:TextBox inset='5pt,5pt,5pt,5pt' style='font-size:10.2pt;'>"+text+"</v:TextBox>";
var extru = document.createElement('<v:Extrusion></v:Extrusion>');
extru.on="t";
extru.foredepth="0";
extru.backdepth="4pt";
extru.color=rectColor;
extru.rotationangle="0,0";
newRect.appendChild(extru);
group1.insertBefore(newRect);
}
function createLine(id,startArrow,endArrow){
var le = document .createElement( "<v:line><v:line>" );
var ske = document.createElement("<v:stroke/>");
if(startArrow != '')
ske.StartArrow="classic";
if(endArrow != '')
ske.EndArrow="classic";
le.appendChild(ske);
le.id = id;
group1.insertBefore(le);
}
//画圆角矩形,有3D效果,加入到group1
function createRect(id,text,left,top,isEnd){
var rectColor="#61f2fe";
if(isEnd=='t')rectColor="red";
var strElement='<v:roundrect fillcolor="'+rectColor+'" id='+id+' style="POSITION:absolute;Z-INDEX:1;left:'+left+';width:70;top:'+top+';height:70" strokecolor="black" strokeweight="1px" onmousedown="down(this)" onmousemove="move(this)" onmouseup="up(this)" title = "' + text + '"></v:roundrect>';
var newRect = document.createElement(strElement);
newRect.innerHTML = "<v:TextBox inset='5pt,5pt,5pt,5pt' style='font-size:10.2pt;'>"+text+"</v:TextBox>";
var extru = document.createElement('<v:Extrusion></v:Extrusion>');
extru.on="t";
extru.foredepth="0";
extru.backdepth="4pt";
extru.color=rectColor;
extru.rotationangle="0,0";
newRect.appendChild(extru);
group1.insertBefore(newRect);
}
相关文章推荐
- js动态创建VML元素
- JS动态标签创建
- js动态创建类对象
- JS动态引入js,CSS——动态创建script/link/style标签
- 如何利用JS动态创建标签并附于事件
- Ext3动态修改EditorGridPanel的列模型renderer(js函数动态创建)
- js 动态创建iframe 后submit提交
- JS 动态创建html元素
- JS动态创建元素的奇怪问题--待解决
- js学习之动态创建html元素
- JS动态创建DOM元素的方法
- [原创]js+vml创建3D页面
- JS中动态创建元素的三种方法总结(推荐)
- js动态创建div等元素实例
- js动态创建table
- JS动态创建元素(两种方法)
- javascript动态创建VML
- js动态创建类和类变量
- 【ASP.NET Web API教程】2.3.5 用Knockout.js创建动态UI