首頁 > web前端 > html教學 > 基於HTML5 canvas的逼真煙火特效插件

基於HTML5 canvas的逼真煙火特效插件

黄舟
發布: 2017-01-18 14:24:14
原創
1692 人瀏覽過

簡要教學

jquery-fireworks是一款基於HTML5 Canvas的逼真煙火特效jQuery外掛程式。該插件使用簡單,並可自由進行配置。它可以在一個div容器中生成逼真的燃放煙火效果。

使用方法

在頁面引入jquery和jquery.fireworks.js檔案。

<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery.fireworks.js"></script>
登入後複製

 HTML結構

使用一個

元素作為煙火的容器。

<div class="demo"></div>
登入後複製

 初始化外掛

在頁面DOM元素載入完畢之後,可以透過fireworks()方法初始化此煙火特效外掛程式

$(&#39;.demo&#39;).fireworks({ 
  sound: true, // 声音效果
  opacity: 0.9, 
  width: &#39;100%&#39;, 
  height: &#39;100%&#39;
});
登入後複製

該HTML5 canvas煙火特效外掛程式的github位址為:https://github.com/mgrig /jquery-fireworks

以上就是基於HTML5 canvas的逼真煙火特效插件的內容,更多相關內容請關注PHP中文網(m.sbmmt.com)!


來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板