Question

我有两条红线和蓝线，蓝线沿着红线移动。我希望蓝线在红线上上下移动。这里它只向上移动。以下是代码

＆＃13;

<td>
  <text text="abc">abc
     <tspan text = "bcd">bcd
        <tspan text = "def">def
           <tspan text = "gef">gef
           </tspan>
        </tspan>
     </tspan>
  </text>
</td>

＆＃13;

Answer 1

或许这样的事情？

<!DOCTYPE html>
<html>
<head><title></title>

</head>
<body>
	<svg height="210" width="500">
	<line x1="0" y1="0" x2="200" y2="200" style="stroke:rgb(255,0,0);stroke-width:2" />
	<line x1="150" y1="150" x2="200" y2="200" style="stroke:rgb(0, 0, 153);stroke-width:2">
		<animateTransform attributeName="transform"
      type="translate"
      values="200 200;-150 -150;200 200"
      begin="0s"
      dur="5s"
      repeatCount="indefinite"
    />
	</line>
	</svg>


	
</body>
</html>

SVG直线动画

1 个答案: