我目前正在与skrollr.js一起撰写新闻文章。我有一个圆形的div元素(边界半径:50%),我想使用skrollr.js的pathing选项设置边框动画,使其以不同的颜色在div周围追踪。
但是,我尝试寻找有关如何使用此SVG路径的简单指南,除了此GitHub示例外,没有什么帮助的。
所以我想知道是否有一种简单的方法可以使用SVG路径标签以指定的半径绘制一个完美的圆?
最佳答案
使用SVG路径的stroke-dasharray和stroke-dashoffset属性可以轻松完成此操作。可以像其他marss属性(如margin等)一样使用skrollr.js库进行更改。在以下示例中对此进行了很好的解释:http://jakearchibald.com/2013/animated-line-drawing-svg/
希望这可以帮助。 :)
关于javascript - 用Skrollr.js动画制作圆形边框,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/28522906/