HTML5 Canvas点击燃放烟花动画效果源代码下载

HTML5烟花散射动画效果、主要是基于HTML5 canvas实现、有粉末效果和放射效果两种特效、可*切换两种烟花效果、非常不错的、喜欢做特效的朋友可以下载研究研究、代码也非常简单、主要是通过canvas的相关api实现的、效果图

HTML代码

<div style="position: absolute; top: 50px; left: 50px;background-color: #000000"> 
<canvas id="canvas" width="666" height="666">
</canvas>
</div>
<button type="button" onclick="clearall()">
	清空屏幕
</button>
<button type="button" onclick="dopowder()">
	粉末效果
</button>
<button type="button" onclick="unpowder()">
	放射效果
</button>

JS代码

window.onload=function(){ 
	new drawpowder(´canvas´).init();
}
function clearall(){ 
	var element = document.getElementById(´canvas´); 
	context=element.getContext(´2d´); 
	context.clearRect(0,0,666,666);
}
function unpowder(){
	clearall();
	ispowder=false;
}
function dopowder(){
	clearall();
	ispowder=true;
}
function drawpowder(id){
	var that = this; 
	that.element = document.getElementById(id);
}

这里只是简单的JS调用方式、drawpowder已经通过命名空间的方式封装过了、源代码可以下载源代码查看

源代码下载链接: http://dwtedx.com/download.html?bdkey=s/1mgoUKcg 密码: 72s7