WEB前端使用VML绘制多边形

web方式,采用vml的PolyLine填充方式在网页上绘制多边形。

 

<html xmlns:v>
  <head>
  <title>手绘线</title>
  <meta name="ContentType" content="text/html" />
  <meta name="CharSet" content="GB2312" />
  <style type="text/css">
  v/:* {behavior:url(#default#VML);}
  </style>
  <body style="margin:0px;">
  <div id="div1" style="position:absolute; height:100%; width:100%; border:1px solid 0000FF;"  oncontextmenu="return false;"></div>
  </body> 
  <script language="javascript"> 
     div1.appendChild(document.createElement('<v:PolyLine filled="true" fillcolor="red"  style="POSITION:absolute;z-index:1;filter: Alpha(Opacity=30);" Points="10,0 0,100 20,150 200,100 10,0" style="position:relative"/>'));
  </script>
</html>

你可能感兴趣的:(WEB前端使用VML绘制多边形)