Rendering multiple JavaScript canvases from webflow images using nextParticle

Hello all!

I’m trying to implement the nextParticle library into Webflow. So far I have managed to get nextParticle to pull a static image from webflow and render it as a canvas object.

The original example used src=“URL” to pull the image, but I’m pulling, using id=logo and the “next-particle” class.

The issue I’m having is that I cannot define the position of the canvas/images and all subsequent images stack on top of each other rather than having their own position. I’ve tried doing canvas id=“name” and placing it on the same id as the images. I’ve tried combo-classing .next-particle class-name to try to get it to inherit the position from the element but it doesn’t work as well.

Any help will be greatly appreciated!

Webflow link: Webflow - CRI