以文本方式查看主题

-  W3CHINA.ORG讨论区 - 语义网·描述逻辑·本体·RDF·OWL  (http://bbs.xml.org.cn/index.asp)
--  『 SVG/GML/VRML/X3D/XAML 』  (http://bbs.xml.org.cn/list.asp?boardid=21)
----  如何使用SVG绘制类似折线的轨道地图？  (http://bbs.xml.org.cn/dispbbs.asp?boardid=21&rootid=&id=90700)

--  作者：howbigsea
--  发布时间：6/2/2011 9:50:00 AM

--  如何使用SVG绘制类似折线的轨道地图？

我需要绘制一个轨道（就是一小块黑色，然后间隔一小块白色），
直接一段直线，通过rect + pattern 可以解决，但要求可以转折，就使用path
，这样使用pattern就不行了？

谁有解决方法，不胜感激
def中添加
<pattern id="trackp1" width="80" height="100" patternUnits="userSpaceOnUse">
  <line x1="0" y1="0" x2="40" y2="0" stroke-width="100" stroke="black"/>
  <line x1="40" y1="0" x2="80" y2="0" stroke-width="100" stroke="white"/>
 </pattern>
然后添加
<g id="trackp1" transform="matrix(0.52 0 0 0.52 0 0)" class="statesuccess">
  <rect x="0" y="0" width="120" height="20" fill="url(#trackp1)"/>
  <rect x="120" y="0" width="120" height="20" fill="url(#trackp1)" transform="rotate(45,120,10)"/>
  <text x="0" y="50" font-size="25" fill="blue">01无车轨道</text>
   </g>

W 3 C h i n a ( since 2003 ) 旗 下 站 点
苏ICP备05006046号《全国人大常委会关于维护互联网安全的决定》《计算机信息网络国际联网安全保护管理办法》
 46.875ms