zoukankan      html  css  js  c++  java
  • [原]JS动态创建VML

    //画直线,加入到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+';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);
         }
  • 相关阅读:
    Vim+Vundle+YouCompleteMe 安装
    TortoiseSVN 的分支合并操作
    JSP数据交互一
    Jquery操作DOM
    Jquery
    JQuery选择器
    第五章初始JQuery
    JavaScript对象及初识面向对象
    JavaScript第三章操作DOM
    JavaScript第二章操作BOM
  • 原文地址:https://www.cnblogs.com/xjyggd/p/1234715.html
Copyright © 2011-2022 走看看