Realistisches Feuerwerks-Spezialeffekt-Plug-in basierend auf HTML5-Canvas

Kurzes Tutorial

jquery-fireworks ist ein jQuery-Plug-in für realistische Feuerwerks-Spezialeffekte basierend auf HTML5 Canvas. Das Plugin ist einfach zu bedienen und frei konfigurierbar. Es kann realistische Feuerwerkseffekte in einem Div-Container erzeugen.

Verwendungsmethode

Fügen Sie die Dateien jquery und jquery.fireworks.js in die Seite ein.

<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery.fireworks.js"></script>

HTML-Struktur

verwendet ein dc6dce4a544fdca2df29d5ac0ea9906b-Element als Container für Feuerwerk.

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

Initialisierungs-Plug-in

Nachdem das Seiten-DOM-Element geladen wurde, können Sie das Feuerwerks-Spezialeffekt-Plug-in über die fireworks()-Methode initialisieren

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

Das HTML5-Canvas-Feuerwerk. Die Github-Adresse des Spezialeffekt-Plug-Ins lautet: https://github.com/mgrigajtis/jquery-fireworks

Das Obige ist der Inhalt des realistischen Feuerwerk-Spezialeffekt-Plug-Ins. Weitere verwandte Inhalte finden Sie auf der chinesischen PHP-Website (www.php.cn).