Html 如何显示图片以使其不显示'；我看不出有联系

我有一个波浪的图像，我想把它变成动画。
如何去除连接图像的针脚？

这就是我目前所做的：

HTML

<div class="container">
  <div class="wave"></div>
</div>

SVG

<?xml version="1.0" encoding="UTF-8"?>
<svg width="999px" height="134px" viewBox="0 0 999 134" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
        <g id="wave" fill="#FFFFFF" fill-rule="nonzero">
            <path d="M0,134 L0,42.2253747 C17.4511761,28.1474908 42.9411378,28.9929687 61.2033313,42.0015294 L167.733031,117.88497 C181.802595,127.907028 200.048695,129.956904 215.991332,123.306596 L349.698927,67.5318352 C362.723379,62.0988175 377.437251,62.422763 390.209969,68.4237399 L500.138179,120.071059 C518.142964,128.530206 539.449556,125.511425 554.395844,112.383672 L667.77663,12.7980841 C686.560807,-3.700595 714.644244,-3.7888782 733.531778,12.5913759 L843.37411,107.85237 C861.00964,123.146821 886.88145,124.202875 905.704833,110.396629 L998.649267,42.2253747 L998.649267,134 L0,134 Z" id="Line"></path>
        </g>
    </g>
</svg>

回答 感谢@ksav推荐我对边值进行舍入
（从L998.649267到L999）在我的SVG文件中。
你的解决方案很棒

---

如果有办法将你的答案标记为最推荐的答案，我会这样做

您可能希望确保SVG中的线条在图像边缘结束。它看起来像是

L998.649267

而不是

L999

。在波浪背景图像中，右侧有一个间隙。解决这个问题。将

shape rendering=“crispEdges”

添加到组中可以解决您的问题，但会给您带来锯齿状的边缘。不是一个解决方案。是的，差距是我试图解决的。您对如何修复它有什么建议吗？只需在adobe illustrator中打开您的wave svg文件，并从右侧扩展一点，然后保存该文件。

<?xml version="1.0" encoding="UTF-8"?>
<svg width="999px" height="134px" viewBox="0 0 999 134" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
        <g id="wave" fill="#FFFFFF" fill-rule="nonzero">
            <path d="M0,134 L0,42.2253747 C17.4511761,28.1474908 42.9411378,28.9929687 61.2033313,42.0015294 L167.733031,117.88497 C181.802595,127.907028 200.048695,129.956904 215.991332,123.306596 L349.698927,67.5318352 C362.723379,62.0988175 377.437251,62.422763 390.209969,68.4237399 L500.138179,120.071059 C518.142964,128.530206 539.449556,125.511425 554.395844,112.383672 L667.77663,12.7980841 C686.560807,-3.700595 714.644244,-3.7888782 733.531778,12.5913759 L843.37411,107.85237 C861.00964,123.146821 886.88145,124.202875 905.704833,110.396629 L998.649267,42.2253747 L998.649267,134 L0,134 Z" id="Line"></path>
        </g>
    </g>
</svg>