HTML5 キャンバスをベースにしたリアルな花火の特殊効果プラグイン

簡単なチュートリアル

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 構造

dc6dce4a544fdca2df29d5ac0ea9906b 要素を花火のコンテナとして使用します。

<div class="demo"></div>

初期化プラグイン

ページ DOM 要素がロードされた後、fireworks() メソッドを通じて花火特殊効果プラグインを初期化できます

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

HTML5 キャンバス花火特殊効果プラグインの github アドレスは次のとおりです。 : https://github.com/mgrigajtis /jquery-fireworks

上記は、HTML5 キャンバスに基づいたリアルな花火特殊効果プラグインの内容です。その他の関連コンテンツについては、PHP 中国語 Web サイト (www. .php.cn）！