GSAP+Swiper+Svg实现六等分平面圆形进度条关联文本图片手动自动切换的效果
圆形使用svg代码实现，一个svg背景圆，一个svg进度条圆；进度条使用GSAP的动画操作svg的stroke-dasharray和stroke-dashoffset属性实现，实现思路是一个间隔为一个圆的周长；图片自动轮播切换使用swiper.js插件实现，因为它方法参数多，可以省去不少时间。
实现代码
插件文件：
<link rel="stylesheet" type="tex...
通俗易懂的javascript动态创建svg的函数代码
js动态创建svg在制作网页时是经常使用到的，最简单最容易理解的用处就是如果需要多个相同的svg，如果一个一个地写<svg></svg>，即不好看，也多余，而动态创建，只需要创建一个，然后循环出来就可以了。
常规的动态创建svg
var svgNS = 'http://www.w3.org/2000/svg'; //必须需要，否则可能会导致svg不显示
var svg = documen...
js svg实现带箭头虚线轨迹运动代码
实现的效果：箭头按弧线的轨迹运行，运行的轨迹为虚线状态，运行到弧线末端后，变成直线运行
HTML代码
<svg width="800px" height="600px" viewbox="0 0 190 150">
<defs>
<marker id="markerArrow" markerWidth="6" markerHeight="9...
