I need my confetti with in a particular div or component in angular 4 , How can i get that ? about canvas-confetti HOT 6 CLOSED

I need my confetti with in a particular div or component in angular 4 , How can i get that

from canvas-confetti.

You can create your own instance of confetti in your own canvas: https://github.com/catdad/canvas-confetti#confetticreatecanvas-globaloptions--function

The last example on the demo site also shows this scenario.

// get a canvas that already exists on the page
var canvas = document.getElementById('custom-canvas');

var myConfetti = confetti.create(canvas, {
    resize: true
});

myConfetti({
    spread: 70,
    origin: {
        y: 1.2
    }
});

from canvas-confetti.

@catdad So that can i position the canvas element where i want right ? i will check

from canvas-confetti.

Correct, you can style your canvas any way you'd like. Take a look at this demo for reference.

from canvas-confetti.

@catdad but can we put a few html elements behind this canvas-confetti using this method in that particular block?

from canvas-confetti.

You can do anything you'd like. It's your web page.

from canvas-confetti.