用什么来画矢量线使得IE和FF都可以支持（不需要另外的插件）

如题啊，我现在都使用MS的vml来画的，但是那样只有IE支持
如果要FF也可以显示画出的线该怎么办？
希望有可以不用安装任何插件就可以解决的办法

解决方案 »

  1.   

    那如果用svg的话，IE和FF都可以支持么？
    该怎么做？谢谢
      

  2.   

    可以只用JavaScript来做,直线用许多个小DIV画,还过这种效果肯定没有用VML和SVG画的美观.
      

  3.   

    zhaoxiaoyang(梅雪香@深圳)
    <hr> 可以画任意角度的直线么?
      

  4.   

    <html>
    <head>
    <style type="text/css"> </style> <script type="text/javascript">
    function line(angle,startX,startY,len)
    {
    var x=startX;
    var y=startY;
    var oDiv=new Array();
    for(var i=0;i<len;i++)
    {
    var xAngle=angle*(2*Math.PI/360);
    var xDirection=Math.abs(Math.cos(xAngle))/Math.cos(xAngle);
    var yDirection=Math.abs(Math.sin(xAngle))/Math.sin(xAngle);
    if(Math.abs(Math.tan(xAngle))<=1)
    {
    var deltaX=Math.abs(1*Math.cos(xAngle))*xDirection;
    x=x+deltaX;
    y=(startY-x)*Math.tan(xAngle)+startY;
    }
    else
    {
    var deltaY=Math.abs(1*Math.sin(xAngle))*yDirection;
    y=y-2*yDirection;
    x=(startX-y)/Math.tan(xAngle)+startX;
    }
    oDiv[i]=document.createElement("div");
    oDiv[i].style.position="absolute";
    oDiv[i].style.left=x+"px";
    oDiv[i].style.top=y+"px";
    oDiv[i].style.width="2px";
    oDiv[i].style.height="2px";
    oDiv[i].style.fontSize="0px";
    oDiv[i].style.backgroundColor="#000000";
    document.body.appendChild(oDiv[i]);
    oDiv[i]=null;
    }
    } function test()
    {
    line(34,500,500,600);
    }
    </script>
    </head>
    <body onload="test()">
    </body>
    </html>
    可以画线，line(角度，起点X坐标，起点Y坐标，长度);如果需要其它属性（如：颜色、宽度等），自己加了哈支持IE和FF