Maison > interface Web > tutoriel HTML > Plug-in d'effets spéciaux de feux d'artifice réalistes basé sur un canevas HTML5

Plug-in d'effets spéciaux de feux d'artifice réalistes basé sur un canevas HTML5

黄舟
Libérer: 2017-01-18 14:24:14
original
1686 Les gens l'ont consulté

Bref tutoriel

jquery-fireworks est un plug-in jQuery pour des effets spéciaux de feux d'artifice réalistes basés sur HTML5 Canvas. Le plugin est simple à utiliser et librement configurable. Il peut générer des effets de feux d'artifice réalistes dans un conteneur div.

Méthode d'utilisation

Introduisez les fichiers jquery et jquery.fireworks.js dans la page.

<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery.fireworks.js"></script>
Copier après la connexion

La structure HTML

utilise un élément

<div class="demo"></div>
Copier après la connexion

Plug-in d'initialisation

Une fois l'élément DOM de la page chargé, vous pouvez initialiser le plug-in d'effets spéciaux de feux d'artifice via la méthode fireworks()

$(&#39;.demo&#39;).fireworks({ 
  sound: true, // 声音效果
  opacity: 0.9, 
  width: &#39;100%&#39;, 
  height: &#39;100%&#39;
});
Copier après la connexion

Les feux d'artifice du canevas HTML5 L'adresse github du plug-in d'effets spéciaux est : https://github.com/mgrigajtis/jquery-fireworks

Ce qui précède est le contenu du plug-in d'effets spéciaux de feux d'artifice réalistes- basé sur un canevas HTML5. Pour plus de contenu connexe, veuillez faire attention au site Web PHP chinois (www .php.cn) !


Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal