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

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>

La structure HTML

utilise un élément dc6dce4a544fdca2df29d5ac0ea9906b

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

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()

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

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) !