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

[santhanakrishnanstark]

By default it covers entire viewport.

[santhanakrishnanstark]

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

[catdad]

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
    }
});

[santhanakrishnanstark]

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

[catdad]

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

[lavanyav0523]

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

[catdad]

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