VML实现web topo原型 (2)-基本元素

最新推荐文章于 2025-05-28 09:00:02 发布

原创最新推荐文章于 2025-05-28 09:00:02 发布 · 927 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#web #string #path #behavior #url

web编程专栏收录该内容

54 篇文章

订阅专栏

本文介绍使用VML绘制图例的方法，包括不同宽度线条及文本路径的实现方式，适用于前端开发人员快速上手VML绘图。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

这个是webtop页面的一部分。展示了vml 中的line、textpath元素的用法。

结合vml极道教程，可以完成初步入门。

<html xmlns:v="urn:schemas-microsoft-com:vml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title> 图例 </title> </head> <STYLE> v/:* { BEHAVIOR: url(#default#VML) } </STYLE> <body bgcolor="#ffffff">  <v:group ID="bandwidthLegend" style="position:absolute;Z-INDEX:2;WIDTH:200px;HEIGHT:200px;top:125;left:50" >  <v:line id="textforPE-7" style="Z-INDEX:5;LEFT:0;POSITION:absolute;TOP:0" from="0,-91" to="500,-90" strokecolor="#004382">  <v:path textpathok="t"/>  <v:textpath on="t" fitpath="f" string="电路带宽图例" style="Z-INDEX:100;font-family: '宋体'; font-size: 14px; color: #004382; background-repeat: no-repeat;" mce_style="Z-INDEX:100;font-family: '宋体'; font-size: 14px; color: #004382; background-repeat: no-repeat;"/> </v:path> </v:line>  <v:line id="textforPE-7" strokeweight="1px" style="Z-INDEX:5;LEFT:0;POSITION:absolute;TOP:0" from="0,0" to="200,0" strokecolor="#004382" />  <v:line id="textforPE-7" style="Z-INDEX:5;LEFT:0;POSITION:absolute;TOP:0" from="-3964.0,0" to="5520.0,1" strokecolor="#004382"> <v:path textpathok="t"/> <v:textpath on="t" fitpath="f" string=" <1000000 " style="Z-INDEX:100;font-family: '宋体'; font-size: 12px; color: #004382; background-repeat: no-repeat;" mce_style="Z-INDEX:100;font-family: '宋体'; font-size: 12px; color: #004382; background-repeat: no-repeat;"/> </v:line>  <v:line id="textforPE-7" strokeweight="2px" style="Z-INDEX:5;LEFT:0;POSITION:absolute;TOP:0" from="0,70" to="200,70" strokecolor="#004382" /> <v:line id="textforPE-7" style="Z-INDEX:5;LEFT:0;POSITION:absolute;TOP:0" from="-3964.0,70" to="5520.0,71" strokecolor="#004382"> <v:path textpathok="t"/> <v:textpath on="t" fitpath="f" string=" (1000000,9000000)" style="Z-INDEX:100;font-family: '宋体'; font-size: 12px; color: #004382; background-repeat: no-repeat;" mce_style="Z-INDEX:100;font-family: '宋体'; font-size: 12px; color: #004382; background-repeat: no-repeat;"/> </v:line>  <v:line id="textforPE-7" strokeweight="4px" style="Z-INDEX:5;LEFT:0;POSITION:absolute;TOP:0" from="0,140" to="200,140" strokecolor="#004382" /> <v:line id="textforPE-7" style="Z-INDEX:5;LEFT:0;POSITION:absolute;TOP:0" from="-3964.0,140" to="5520.0,141" strokecolor="#004382"> <v:path textpathok="t"/> <v:textpath on="t" fitpath="f" string=" (9000000,24000000)" style="Z-INDEX:100;font-family: '宋体'; font-size: 12px; color: #004382; background-repeat: no-repeat;" mce_style="Z-INDEX:100;font-family: '宋体'; font-size: 12px; color: #004382; background-repeat: no-repeat;"/> </v:line> </v:group> </body> </html>