~ ~ Christmas, canvas snowflake effect, beautiful to almost no justice ~ ~

See coding the main interface has snowflakes, originally, wow, really beautiful, a look at the source code, oh a go, angular write, pressure, analysis and analysis analysis ....

And then write the JQ plugin look for everyone to use.

The online preview page is: http://1.keepu.sinaapp.com/snow/snow.html

GitHub's code address is: http://sqqihao.github.io/nice-Snowing;

The

　　After the angular took off, direct reference to jquery, in fact, do not do jquery also Wow, compatibility did not get wow;

　　The HTML code is the canvas, as follows

<Canvasclass= "Snow-canvas" Speed= "1"Interaction= "false"size= "2"Count= "a"Opacity= "0.00001"Start-color= "Rgba (253,252,251,1)"End-color= "Rgba (251,252,253,0.3)"Wind-power= "0"Image= "false"width= "1366"Height= "667"></Canvas><Canvasclass= "Snow-canvas" Speed= "3"Interaction= "true"size= "6"Count= "+"Start-color= "Rgba (253,252,251,1)"End-color= "Rgba (251,252,253,0.3)"Opacity= "0.00001"Wind-power= "2"Image= "false"width= "1366"Height= "667"></Canvas><Canvasclass= "Snow-canvas" Speed= "3"Interaction= "true"size= " a"Count= " the"Wind-power= "-5"Image= "Snow.png"width= "1366"Height= "667"></Canvas>

All of the configuration is on the canvas node, the name of the node properties to know is God horse meaning,

　　Like what:

Add image This property is the image address, let the snowflake custom to like the appearance;

A size is a representation of a picture
Count indicates the number of pictures. And so on

　　Direct Poke Instance address: Open demo;
　

~ ~ Christmas, canvas snowflake effect, beautiful to almost no justice ~ ~