Add A Touch Of Romance To Webpage With The Animate Heart Canvas Library

Preview:

Description:

AnimateHeartCanvas is a vanilla JavaScript library to generate a romantic animated hearts background using HTML5 canvas.

Useful for developers who’re building a website for Valentine’s Day, a wedding, or just want to add a romantic touch to their design.

How to use it:

1. Download the load the animate-heart-canvas-browser.js library in the document.

<script src="animate-heart-canvas-browser.js"></script>
2. Create a new AnimateHeartCanvas instance and pass the following parameters:

• hMin: Min color
• hMax: Max color
• countHeart: The number of hearts
• sizeMin: Min size
• sizeMax: Max siz
• bgColor: Background color

// AnimateHeartCanvas(hMin, hMax, countHeart, sizeMin, sizeMax, bgColor)
let animateHeartCanvas = new AnimateHeartCanvas(0, 360)