簡要教學
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()方法初始化此煙火特效外掛程式
$('.demo').fireworks({ sound: true, // 声音效果 opacity: 0.9, width: '100%', height: '100%' });
該HTML5 canvas煙火特效外掛程式的github位址為:https://github.com/mgrig /jquery-fireworks
以上就是基於HTML5 canvas的逼真煙火特效插件的內容,更多相關內容請關注PHP中文網(m.sbmmt.com)!