我爱模板网 > 特效插件 > 图像特效 >  lake.js图片倒影水波纹特效正文

lake.js图片倒影水波纹特效

特效介绍


基于jQuery和canvas的lake.js图片倒影动态水波纹插件,支持设置水波纹的大小、速度、数量,水波纹非常逼真。lake.js使用简单。
注意:必须在服务器环境下才能看到效果,直接打开html会报错。
使用方法
1、引入jQuery和lake.js库:
<script src="js/jquery.js"></script>
<script src="js/lake.js"></script>
2、加入图片,图片要设置不显示,canvas会自动将图片画到画布上:
<img id="lake-img" src="images/lake.png" style="display: none;"/>
3、调用插件
$('#lake-img').lake({
    'speed': 1.5,
    'waves': 6,
    'scale': 0.5
});
4、参数详解:
    speed:水波纹动画的速度
    waves:水波纹数量
    scale:水波纹大小
部分素材资源来源网站,本站提供免费下载,如有侵权请联系站长马上删除!
下载 提取码/密码:yd9e(点击复制密码) 预览
上一篇:qrcode.js 生成二维码的js插件 下一篇:html5+css3灯笼特效代码
发表评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
选择头像:
最新评论

猜你喜欢