HTML5 canvas超简单和逼真的下雪特效

当前位置:主页 > Html5库 > html5 canvas > HTML5 canvas超简单和逼真的下雪特效
HTML5 canvas超简单和逼真的下雪特效
分享:

    插件介绍

    WebSnowjq.js是一款基于HTML5 canvas的超简单和逼真的下雪场景特效js插件。该下雪特效插件可以通过简单的参数设置了设定雪花的数量。每朵雪花的飘落速度各不相同,层次感非常强

    浏览器兼容性

    浏览器兼容性
    时间:04-06
    阅读:
简要教程

WebSnowjq.js是一款基于HTML5 canvas的超简单和逼真的下雪场景特效js插件。该下雪特效插件可以通过简单的参数设置了设定雪花的数量。每朵雪花的飘落速度各不相同,层次感非常强。

使用方法

实用这个下雪特效插件要先引入jQuery和Websnowjq.js文件。

<script src="js/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript" src="js/Websnowjq.js"></script>             
              

在页面加载完成后,可以使用下面的方法来调用该下雪特效插件。

$(function(){
    $("#divSnow").websnowjq();
});                
              

配置参数

该下雪特效只有一个可用的配置参数:雪花的数量snowFlakes

上面的第一个效果的snowFlakes设置为3,第二个snowFlakes设置为100。

$("#divSnow-2").websnowjq({ snowFlakes: 100 });                
              

浏览器兼容

该下雪特效可以在所有支持HTML5特性的现代浏览器中最常工作: Internet Explorer 9.0+, Google Chrome 4.0+, Mozilla Firefox 2.0+, Safari 3.1+ 。