有趣的SVG图片

橘子 发布于 19 天前 58 次阅读


哇,经过不断尝试做出来一个有趣的SVG图片。

本来是看到Sakurairo中在很多地方引用了有趣的SVG动图,所以就想做一些什么玩意,于是就去学了一下。

刚好想到了有一个很有趣的结构,抱歉我忘记了它的名字……但是这个结构的特征就是每个运动的物体都在做直线运动,然而却看起来想在做滚动运动。一开始我以为每个物体都是匀速直线运动的,后来发现画出来的东西不太对呀,所以就想了想应该是要用SIN函数去拟合,最后就成了。

最神奇的事情就在于,每个小圆都是在做直线运动哦!看下面这个图会更清楚:

非常有趣对吧ヾ(≧▽≦*)o

我本来想的是既然需要用拟合,那应该搭配JS脚本来更新SVG中的圆心位置会更好,但是wordpress文章限制了这种表达,最后还是使用的纯SVG。而且wordpress原生并不支持上传SVG图片哦,猜一猜橘子是怎么做到这个效果的吧~