SVG路径绘制和擦除动画

时间:2015-12-10 13:09:34

标签: javascript jquery svg

我尝试做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 +支持

1 个答案:

答案 0 :(得分:1)

查看d3js

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

This demo可能对您有用

希望这有帮助

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