搜索一下VML的资料吧!可是很简单的实现你要的功能!
代码量也很少!

解决方案 »

  1.   

    我找了点资料,还有问题,如何在下面的图形中填充4种颜色(文件要为htm)并在每块中加上文字标识.<HTML xmlns:v> 
    <HEAD> 
    <META http-equiv="Content-Type" content="text/html; Charset=gb2312"> 
    <TITLE></TITLE> 
    <STYLE> 
    v\:*{behavior:url(#default#VML);} //这里声明了v作为VML公用变量 
    </STYLE> 
    </HEAD> 
    <BODY>
    <v:line strokecolor='black' from='40,350' to='200,20'/> 
    <v:line strokecolor='black' from='40,350' to='360,350'/> 
    <v:line strokecolor='black' from='200,20' to='360,350'/> <v:line strokecolor='black' from='200,20' to='200,350'/> 
    <v:line strokecolor='black' from='120,185' to='280,185'/> 
    </BODY> 
    </HTML>
      

  2.   

    <HTML xmlns:v> 
    <HEAD> 
    <META http-equiv="Content-Type" content="text/html; Charset=gb2312"> 
    <TITLE></TITLE> 
    <STYLE> 
    v\:*{behavior:url(#default#VML);} //这里声明了v作为VML公用变量 
    </STYLE> 
    </HEAD> 
    <BODY>
    <v:line strokecolor='black' from='40,350' to='200,20'/> 
    <v:line strokecolor='black' from='40,350' to='360,350'/> 
    <v:line strokecolor='black' from='200,20' to='360,350'/> <v:line strokecolor='black' from='200,20' to='200,350'/> 
    <v:line strokecolor='black' from='120,185' to='280,185'/> <v:polyline title="" fillcolor="#000000"  points=" 40,350 120,185 280,185 360,350"> </v:polyline> 
    <v:polyline title="" fillcolor="#654321"  points=" 120,185 280,185 200,20"> </v:polyline> </BODY> 
    </HTML>
      

  3.   

    看来你已经找到了!然后用JS动态写VML就好了!
      

  4.   

    http://www.lshdic.com/wenzhang.asp?str=Vml&page=1这里的vml有很多教程