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％;线条会变得太高而无法使用它们。我用Google搜索了这个并且组装了这条道路，我将如何开始更长时间？我真的不明白如何扩展路径。我用谷歌搜索，但没有找到任何有用的东西。

我试图在插画中编辑它但没有成功。我做了几个ekg波峰，但是没有出现在codepen上。 http://codepen.io/lastnoob/pen/RWGyqX

只有那3个尖峰

Answer 1

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

Here you have, your forked project:

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

1 个答案: