插件描述：lake.js是一款可以制作水波倒影特效jQuery插件。
注：需要在服务端预览，本地预览会有跨域问题！
简要教程
lake.js是一款可以制作水波倒影特效jQuery插件。该jquery插件可将任何图片转换为canvas组件，使图片生成逼真的水波倒影效果。
使用方法
在页面中引入jquery和lake.js文件。
1 2 | <script src="path/to/jquery.min.js"></script> <script src="path/to/lake.js"></script> |
HTML结构
可以为任何图片制作水波倒影效果。
1 | <img id="lake-img" src="lake.png" style="display: none;"/> |
初始化插件
在页面DOM元素加载完毕之后，可以通过下面的方法来初始化该jquery水波倒影插件。
1 2 3 4 5 6 7 | $(function() { $('#lake-img').lake({ 'speed': 1, 'scale': 0.5, 'waves': 10 });}); |
配置参数
该jquery水波倒影插件有3个可用的配置参数：
speed：水波运动的速度。
scale：水波波峰的高低。
waves：水波的数量。
特别申明：
本站所有资源都是由网友投稿发布，或转载各大下载站，请自行检测软件的完整性！
本站所有资源仅供学习与参考，请勿用于商业用途，否则产生的一切后果将由您自己承担！
如有侵权请联系我们删除下架，联系方式：lei1294551502@163.com