下载此文档

基于html5canvas实现漫天飞雪效果实例.docx

文档分类：IT计算机 | 页数：约3页举报非法文档有奖

1/3

下载提示

1.该资料是网友上传的，本站提供全文预览，预览什么样，下载就什么样。
2.下载该文档所得收入归上传者、原创者。
3.下载的文档，不会出现我们的网址水印。

同意并开始全文预览

(约 1-6 秒)

1/3 下载此文档

文档列表 文档介绍

本文实例讲述了基于html5canvas实现漫天飞雪效果的方法,运行该实例可以看到很棒的下雪效果。如下图所示:主要代码如下:>"><htmlxmlns="<ahref=">"><head><metahttp-equiv="Content-Type"content="text/html;charset=gb2312"/><title>漫天飞雪</title><styletype="text/css">*{margin:0;padding:0;}</p>&t;p>body{/*Youcanuseanykindofbackgroundhere.*/background:#6b92b9;}canvas{display:block;}</style></head></p> &t;p><body></p> <p><div style="background:#6b92b9;width:100%;height:2000px;"></div><canvas id="canvas" style="position:fixed;top:0px;left:0px;z-index:80;pointer-events:none;"></canvas></p>&t;p><script>=function(){//canvasinitvarcanvas=("canvas");varctx=("2d");//canvasdimensionsvarW=;varH=;=W;=H;〃snowflakeparticlesvarmp=3000;//maxparticlesvarparticles=[];for(vari=0;i<mp;i++){({x:()*W,〃x-coordinatey:()*H,〃y-coordinater:()*3+1,//radiusd:()*mp//density})}//Letsdrawtheflakesfunctiondraw(){(O,0,W,H);="rgba(255,255,255,)";/*="#FF0000";*/();for(vari=0;i<mp;i++){varp=particles"];(,);(,,,0,*2,true);}();update();}//Functiontomovethesnowflakes//anglewill

基于html5canvas实现漫天飞雪效果实例来自淘豆网www.taodocs.com转载请标明出处.