各位前端朋友们，大家好！五一假期即将结束，在开启节后的加班模式之前，我要给大家分享一个超酷超逼真的HTML5Canvas烟花模拟动画。这次升级版的烟花动画有以下几个特点：
烟花绽放时，将展现不同的色彩，不像之前版本的一朵烟花只有一种色彩。夜空的颜色会自动适配当前绽放的烟花颜色，效果更为逼真。每一朵烟花绽放时的形状不再是以前那样单一，而是会随机变换不同的花样，这样更符合实际的烟花场面。用户可设置一些参数，例如开启声效、花样选择、画质选择和全屏设置等等。先来看一张效果图吧，非常壮观！
效果预览代码实现HTML代码
HTML代码主要由两部分组成，其一是设置面板表单，其二是动画载体canvas元素。
其中设置面板按钮是通过SVG实现的：
divstyle="height:0;width:0;position:absolute;visibility:hidden;"svgxmlns="