利用svg绘制铁路线
2005-07-14 22:54
176 查看
<?xml version="1.0"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.0//EN"
"http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
<svg width="800" height="300" >
<defs>
<symbol id="sym">
<polyline points="100 100 250 90 400 80 500 90 550 100 600 110"/>
</symbol>
</defs>
<g >
<use xlink:href="#sym" style="fill:none;stroke:black;stroke-width:20"/>
<use xlink:href="#sym" style="fill:none;stroke:white;stroke-width:18;
stroke-dasharray:50 50;stroke-dashoffset :50"/>
</g>
</svg>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.0//EN"
"http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
<svg width="800" height="300" >
<defs>
<symbol id="sym">
<polyline points="100 100 250 90 400 80 500 90 550 100 600 110"/>
</symbol>
</defs>
<g >
<use xlink:href="#sym" style="fill:none;stroke:black;stroke-width:20"/>
<use xlink:href="#sym" style="fill:none;stroke:white;stroke-width:18;
stroke-dasharray:50 50;stroke-dashoffset :50"/>
</g>
</svg>
相关文章推荐
- 利用SVG path绘制图形--命令
- 利用SVG path绘制图形--基本图形
- 利用SVG path绘制图形--命令
- 利用SVG path绘制图形--命令
- HTML5之SVG 2D入门2—图形绘制(基本形状)介绍及使用
- 利用Python绘制MySQL数据图实现数据可视化
- 利用CImage完成图片的显示、拷贝、绘制及转换图片格式
- AutoCAD利用VBA宏绘制直线
- python 绘制svg
- 利用 SVG 和 CSS3 实现有趣的边框动画
- Unity3d 利用Mesh绘制几何图形实现
- Android 利用 path 绘制任意图形
- 如何利用Visio来绘制斜线!
- SVG(可缩放矢量图形)绘制工具Method Draw
- 利用DevExpress的WebChartControl绘制直方图,折线图和饼状图
- AutoCAD LISP利用直角顶点斜边和一条直角边绘制直角三角形
- caffe保存训练log日志文件并利用保存的log文件绘制accuary loss曲线图
- SVG绘制油田井位图
- 利用自定义控件绘制小球并完成小球自动下落的功能
- svg 绘制曲线动态进度条 避免canvas锯齿问题