这种系统我该用什么来做啊
水是会流动的
3 回复
<!DOCTYPE html>
<html lang="zh-cmn-Hans">
<head>
<meta charset="utf-8" />
<title>SVG</title>
<link rel="stylesheet" type="text/css" href="" />
<script type="text/javascript" src="https://s.zys.me/js/jq/jquery.min.js"></script>
</head>
<body style="margin: 100px;">
<svg xmlns="http://www.w3.org/2000/svg" width="800" height="500">
<g>
<path d="M20,20 L500,20 L500,100 L300,150 L300,300" fill="none" stroke-width="10" stroke="#ccc"></path>
</g>
<g>
<animate attributeType="XML" attributeName="stroke-dashoffset" from="5000" to="0" dur="200s" repeatCount="indefinite"></animate>
<path d="M20,20 L500,20 L500,100 L300,150 L300,300" fill="none" stroke-dasharray="20,5" stroke-width="10" stroke="blue"></path>
</g>
</svg>
</body>
</html>
