从左到右匀速播放,类似心电图效果

可以使用CSS3的动画属性来实现SVG标签的动画效果，实现从左到右匀速播放的心电图效果。具体代码如下：

<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 {
  width: 100%; /* 让SVG标签宽度自适应屏幕大小 */
  height: auto; /* 让SVG标签高度等比例缩放 */
}

.line {
  stroke: blue; /* 设置线条颜色 */
  fill: none; /* 不填充 */
  stroke-dasharray: 10; /* 设置虚线长度 */
  stroke-dashoffset: 1000; /* 设置虚线偏移量，让线条隐藏在左侧 */
  animation: heartbeat 2s linear infinite; /* 播放动画，重复次数为无限 */
}

@keyframes heartbeat {
  0% {
    stroke-dashoffset: 1000; /* 初始位置，线条隐藏在左侧 */
  }
  100% {
    stroke-dashoffset: 0; /* 结束位置，线条完全显示在右侧 */
  }
}

这样，SVG标签就能够以从左到右匀速播放的心电图效果进行动画播放了。