c语言烟花生日快乐图片,html5 canvas生日快乐文字烟花背景动画特效代码下载

特效描述：生日快乐 文字烟花 背景动画。html5基于canvas绘制酷炫的烟花动画，支持文字烟花适用于生日快乐主题网页动态背景特效。

代码结构

1. 引入JS

2. HTML代码

var canvas = $$("canvas"),

ctx = canvas.getContext("2d"),

g = 0.25,//模拟重力加速度

n = 5,//一次性发射的烟火的数量

fireworkList = [],//存放所有烟火对象

//烟火形状 圆形 椭圆形 爱心形

fireworkTypeList = [createCircleFirework, createEllipseFirework, createHeartFirework],

totalNum = 0,//发射烟火的总数量

surprise_num = 25,//当发射烟火数量达到25时,发射生日快乐字样的烟火

flag = true;//是否发射生日快乐字样的烟火

canvas.width = $(window).width() - 15;

canvas.height = $(window).height() - 20;

var init = function(firework,params){//初始化一个烟火

var beforeBalst = firework.getBeforeBalst();

firework.setCtx(ctx);

firework.setStatus(1);//状态为点燃引线

firework.setNum(100 + Math.floor(20 * Math.random()));