我目前正在使用skrollr.js撰写新闻报道。我有一个圆形div元素（border-radius：50％），我想使用skrollr.js的pathing选项为边框设置动画，使其以不同的颜色围绕div进行跟踪。
但是，我试过寻找一个关于如何使用这个SVG路径的简单指南，除了这个GitHub示例之外没有太多帮助。
所以我想知道是否有一种简单的方法可以使用SVG路径标记绘制具有指定半径的完美圆？
答案 0 :(得分：1)
使用SVG路径的 stroke-dasharray 和 stroke-dashoffset 属性可以轻松完成此操作。可以使用skrollr.js库更改它们，就像任何其他css属性（如margin等）一样。以下示例对此进行了解释：http://jakearchibald.com/2013/animated-line-drawing-svg/ 希望这可以帮助。 ：）