<svg class="svg" view-box="0 0 800 200"> <polyline class="line" points="100,50 150,50 162.5,45 175,60 187.5,10 200,70 212.5,40 225,60 237.5,40 250,50 300,50"></polyline> </svg> 请将这个svg图从左到右动起来

可以使用CSS3的@keyframes和animation属性来为SVG添加动画效果。以下是一个简单的示例代码，可以使用这个代码将SVG从左到右移动：

<style>
  .svg {
    position: absolute; /* 设置绝对定位，方便移动 */
    left: -100px; /* 初始位置在左侧，超出可视区域 */
    animation: move 5s linear infinite; /* 添加动画效果 */
  }
  
  @keyframes move {
    from {
      left: -100px; /* 初始位置在左侧，超出可视区域 */
    }
    to {
      left: calc(100% + 100px); /* 最终位置在右侧，超出可视区域 */
    }
  }
</style>

<svg class="svg" view-box="0 0 800 200">
  <polyline class="line" points="100,50 150,50 162.5,45 175,60 187.5,10 200,70 212.5,40 225,60 237.5,40 250,50 300,50"></polyline>
</svg>

在上面的代码中，我们将SVG的初始位置设置在左侧，超出可视区域。然后，我们使用@keyframes定义一个名为“move”的关键帧动画，从左侧移动到右侧，超出可视区域。最后，我们将动画应用于SVG元素，使其持续5秒，以线性方式无限循环。