<html xmlns:v="urn:schemas-microsoft-com:vml">
<head>
<STYLE>
 v\:* { BEHAVIOR: url(#default#VML) }
</STYLE>
</head>
<body>
<div id=st></div>
</body></html><script language="JavaScript">
<!--
function CreateLine(fromX,fromY,toX,toY)
{
var strElement=" <v:line from=\""+fromX+","+fromY+"\" to=\""+toX+","+toY+"\" style=\"position:relative;\"/>";
st.innerHTML = strElement;
}
CreateLine(0,0,50,100);
//-->
</script>

解决方案 »

  1.   

    楼上的应该差不多了。
    VML正确。VML还是够强的。画线、画圆、画立方图,只可惜FF不支持。
      

  2.   

    <html xmlns:v="urn:schemas-microsoft-com:vml">
    <head>
    <STYLE>
     v\:* { BEHAVIOR: url(#default#VML) }
    </STYLE>
    </head>
    <body>
    <div id=st></div>
    </body></html><script language="JavaScript">
    <!--
    function CreateLine(fromX,fromY,toX,toY)
    {
    var strElement=" <v:RoundRect style=\"position:relative;width:100;height:50px\">"
    strElement +="<v:shadow on=\"T\" type=\"single\" color=\"#b3b3b3\" offset=\"5px,5px\"/></v:RoundRect> "
    st.innerHTML = strElement;
    }
    CreateLine(0,0,50,100);
    //-->
    </script>
      

  3.   

    上面是带音阴影的,不带阴影的:
    <html xmlns:v="urn:schemas-microsoft-com:vml">
    <head>
    <STYLE>
     v\:* { BEHAVIOR: url(#default#VML) }
    </STYLE>
    </head>
    <body>
    <div id=st></div>
    </body></html><script language="JavaScript">
    <!--
    function CreateLine(fromX,fromY,toX,toY)
    {
    var strElement=" <v:RoundRect style=\"position:relative;width:100;height:50px\"></v:RoundRect>"st.innerHTML = strElement;
    }
    CreateLine(0,0,50,100);
    //-->
    </script>
      

  4.   

    画圆:
    <html xmlns:v="urn:schemas-microsoft-com:vml">
    <head>
    <STYLE>
     v\:* { BEHAVIOR: url(#default#VML) }
    </STYLE>
    </head>
    <body>
    <div id=st></div>
    </body></html><script language="JavaScript">
    <!--
    function CreateLine()
    {
    var strElement="<v:oval style=\"position:relative;left:5;top:5;width:100;height:80\"/>"st.innerHTML = strElement;
    }
    CreateLine();
    //-->
    </script>