基于HTML5 canvas的逼真烟花特效插件解析-职坐标

基于HTML5 canvas的逼真烟花特效插件解析

沉沙 2018-07-09 来源：阅读 1745 评论 0

摘要：jquery-fireworks是一款基于HTML5 Canvas的逼真烟花特效jQuery插件。该插件使用简单，并可自由进行配置。它可以在一个div容器中生成逼真的燃放烟花效果。希望阅读本篇文章以后大家有所收获，帮助大家对HTML5的理解更加深入。

简要教程

jquery-fireworks是一款基于HTML5 Canvas的逼真烟花特效jQuery插件。该插件使用简单，并可自由进行配置。它可以在一个div容器中生成逼真的燃放烟花效果。

使用方法

在页面引入jquery和jquery.fireworks.js文件。

HTML结构

使用一个<div>元素作为烟花的容器。

初始化插件

在页面DOM元素加载完毕之后，可以通过fireworks()方法来初始化该烟花特效插件：

$('.demo').fireworks({
  sound: true, // 声音效果
  opacity: 0.9,
  width: '100%',
  height: '100%'
});

本文由职坐标整理发布，学习更多的HTML5/CSS3相关知识，请关注职坐标WEB前端HTML5/CSS3频道！

html5 canvas html5+css3开发工具 html5培训

本文由 @沉沙发布于职坐标。未经许可，禁止转载。

喜欢 | 2

不喜欢 | 2

看完这篇文章有何感觉？已经有4人表态，50%的人喜欢快给朋友分享吧~

后参与评论

加入IT交流圈

JAVA工程师交流群 +加入

大数据架构师交流群 +加入

人工智能Python交流群 +加入

WEB/H5前端交流群 +加入

WEB前端 直通车

海同师资推荐更多>>

热门就业培训班更多>>

HTML5/CSS330天热搜词更多>>