HTML画线条

最新推荐文章于 2024-01-14 17:33:44 发布

nospeak

最新推荐文章于 2024-01-14 17:33:44 发布

阅读量421

点赞数

文章标签： HTML Java

本文链接：https://blog.csdn.net/nospeak/article/details/83681723

版权

<html xmlns:v="urn:schemas-microsoft-com:vml">
<head>
    <meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
    <style>
        v\:*{Behavior:url(#default#VML)}
    </style>
    <script language="javascript">
    window.onload = function(){
        document.getElementById("line01").innerHTML = drowLine("1,200 150,50 200,330 500,240");
    }
    function drowLine(linePoints){
        var str = "<v:PolyLine filled='false' style='z-index:1' strokeColor='#0066CC' strokeWeight='2px' ";
        str += "Points='"+linePoints+"' />";
        return str;
    }
    </script>
</head>
<body>
<v:group ID="group1" style="position:relative;WIDTH:800px;HEIGHT:400px;" coordsize = "800,400">
    <div id="line01"></div>
</v:group>
</body>
</html>