 如何使用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>
|
[返回] W3CHINA.ORG讨论区 - 语义网·描述逻辑·本体·RDF·OWL →
XML.ORG.CN讨论区 - 高级XML应用 → 『 SVG/GML/VRML/X3D/XAML 』 → 如何使用SVG绘制类似折线的轨道地图？
(订阅本版)
2011/6/2 9:50:00
新浪微博
