编辑内联SVG EKG行，希望将其用作水平分隔符

Question

实际上，我在这里找到了一些不错的东西：http://codepen.io/lastnoob/pen/BozMmw

<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
     viewBox="0 0 600 300">
  <path d="
         M17.902,114.475h26.949c2.296,0,12.876-10.182,20.063-10.182
        c7.186,0,10.83,10.182,12.576,10.182h18.266l7.187,10.779l7.485-100.91l5.091,114.984l6.887-24.554h24.41
        c3.239,0,14.816-16.769,20.206-16.769s11.08,16.47,13.475,16.47c2.845,0,26.665,0,26.665,0l27.757,0
        c2.296,0,12.875-10.181,20.062-10.181c7.186,0,10.831,10.181,12.577,10.181h18.266l7.187,10.779l7.485-100.91l5.091,114.984
        l6.888-24.555h24.41c3.24,0,14.817-16.768,20.207-16.768s11.079,16.469,13.474,16.469c2.845,0,26.666,0,26.666,0h27.813
        c2.297,0,12.877-10.181,20.063-10.181s10.829,10.181,12.576,10.181h18.265l7.188,10.779l7.485-100.91l5.092,114.984l6.887-24.555
        h24.409c3.238,0,14.816-16.768,20.206-16.768s11.08,16.469,13.476,16.469c2.845,0,26.664,0,26.664,0h27.815
        c2.296,0,12.875-10.181,20.063-10.181c7.187,0,10.829,10.181,12.576,10.181h18.265l7.188,10.779l7.486-100.91l5.091,114.984
        l6.887-24.555h24.409c3.238,0,14.816-16.768,20.206-16.768s11.079,16.469,13.476,16.469c2.846,0,26.664,0,26.664,0"/>

</svg>

但由于它将是一个水平分隔符，我希望它在整个屏幕上运行，而我真的不知道如何实现这一点。有什么想法吗？

编辑:我需要扩展路径，因为如果我这样做:宽度: 100%；线条会变得太高而不能使用它们。我在谷歌上搜索了一下，然后拼凑了这条路，我该怎么开始让它变长呢？我真的不知道如何扩展这条路。我用谷歌搜索了一下，但没有找到任何有用的东西。

我试着在illustrator中编辑它，但没有成功。我又做了几个ekg波的尖峰，但没有在codepen上显示出来。http://codepen.io/lastnoob/pen/RWGyqX

只有那三个尖峰

Answer 1

你可以只将width:100%;添加到这个svg标签中，但要小心--轮廓会变得更大，对我来说，你应该考虑让这条路变得更长一点。

Here you have, your forked project: