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

簡要教學

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中文網（www.php.cn）！

本網站聲明

本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn