【酷炫烟花特效表白（Html5，前端开发教程入门

这是第二种选择的部分效果展示：

代码片段

---

烟花.html

放烟花

小姐姐，我好喜欢你，你愿意做我女朋友吗？

愿意

不愿意

浏览器不支持canvas

520

I LOVE YOU

茫茫人海

相遇是缘

fire.js

var canvas = document.getElementById(“cas”);

var ocas = document.createElement(“canvas”);

var octx = ocas.getContext(“2d”);

var ctx = canvas.getContext(“2d”);

ocas.width = canvas.width = window.innerWidth;

ocas.height = canvas.height = window.innerHeight;

var bigbooms = [];

document.getElementById(“iframMusic”).onload = function(){

var music = document.getElementById(“music”);

music.src = ‘music.mp3’;

music.oncanplay = function(){

music.play();

};

};

function initAnimate() {

drawBg();

lastTime = new Date();