JavaScript 基于 SVG 的图片切换效果实例代
码
最近太忙了,自动来到 rjxy 后,不晓得怎么回事,忙的
都没时间更博了。
昨天还有个同学跟我说,你好久没更新博客了。。
甚为惭愧~~
正好 12 月来了,今天开一篇。
最近上课讲到了 SVG,不晓得同学们理解到没。 -_-!!!
图片轮播见的太多,今天就用 SVG 写了一个图片轮播,
效果如下。
效果要求
点击控制块,图片切换。切换的时候使用圆形做遮罩
由小到大变化。每次切换的时候,圆的位置随机产生。
主要知识点
1. SVG 的裁切(遮罩),clip-path 的运用。