我想在SVG文件中设置虚线。行应该从0长到全长。我发现的所有方法都不适合我。

有人知道如何解决这个问题吗？

这是我的svg文件中的路径:

<path class="path" fill="none" stroke="#FFFFFF" stroke-miterlimit="10" d="M234.3,119
    c-31-0.7-95,9-128.7,50.8"/>

要将行动画为直线行，我做了以下操作:

<path class="path" fill="none" stroke="#FFFFFF" stroke-miterlimit="10" d="M234.3,119
    c-31-0.7-95,9-128.7,50.8"/>

当然，这是不起作用的，当我希望线被虚线。 有人知道如何解决这个问题吗？

这是我的代码：http://codepen.io/anon/pen/wpznjy

ps:我不能使用两个路径来隐藏下面的路径，因为我有一个彩色背景。

---

顺晟科技：

实现这一点的方法之一是使用JavaScript。它通过创建折线来复制路径。 请尝试下面的示例:

您也可以使用掩码来完成此操作，如下所示:

还可以通过以下方式获得:

• 单点路径的codepen
• 这些平面轨迹的编码

享受！

但是请注意...请确保跨浏览器测试代码，如果有问题，请返回到动画标记或javascript。

我认为您应该能够在动画中添加stroke-dasharray并降低CSS中的破折号数组。CodePen的更新版本；http://codepen.io/harvey89/pen/npawbe

<path class="path" fill="none" stroke="#FFFFFF" stroke-miterlimit="10" d="M234.3,119
    c-31-0.7-95,9-128.7,50.8"/>

您可能不得不使用数字来获得您想要的效果