SVG路径绘制和擦除动画

Question

我尝试做this

之类的动画

.path {
    stroke-dasharray: 300;
    stroke-dashoffset: 300;
    animation: dash 5s linear infinite;
}

@keyframes dash {
    50% {
        stroke-dashoffset: 0;
    }
    100% {
        stroke-dashoffset: -300;
    }
}

但问题是IE支持，所以我想用一些JS库来制作动画。我找到的所有库都可以绘制线条，但不能像我想的那样擦除它。有谁知道任何有用的东西？我需要IE10 +支持

Answer 1

查看d3js

一旦掌握了如何使用它，它几乎是无限的

This demo可能对您有用

希望这有帮助

编辑：This demo更接近你想要的东西