我说的是svg图位子不变,里面的元素从左到右心跳似的动起来

好的，那么可以使用CSS3的@keyframes和transform属性来为SVG内部的元素添加心跳动画效果。以下是一个示例代码，可以使用这个代码将SVG内部的元素从左到右进行心跳动画：

<style>
  .line {
    transform-origin: center; /* 设置变换的基点为元素中心 */
    animation: heartbeat 2s ease-in-out infinite; /* 添加心跳动画 */
  }
  
  @keyframes heartbeat {
    0% {
      transform: scale(1); /* 初始状态，不进行缩放 */
    }
    50% {
      transform: scale(1.2); /* 缩放到1.2倍 */
    }
    100% {
      transform: scale(1); /* 回到初始状态 */
    }
  }
</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>

在上面的代码中，我们首先将变换的基点设置为元素中心，然后使用@keyframes定义一个名为“heartbeat”的心跳动画，将元素缩放到1.2倍，然后回到初始状态。最后，我们将动画应用于SVG内部的元素，使其持续2秒，以缓进缓出的方式无限循环。这样就可以实现SVG内部元素从左到右进行心跳动画了。