particles.js icon indicating copy to clipboard operation
particles.js copied to clipboard

Images are not working?

Open blaasvaer opened this issue 8 years ago • 8 comments

Could you be more specifik in what parameters I have to tweak? Setting type to image and passing an url to a svg is not cutting it ...

blaasvaer avatar Feb 19 '17 22:02 blaasvaer

Make sure you change the shape type to image, in index.js

"shape": {
      "type": "image",
},

And specify the source under "image"

"image": {
        "src": "http://darkibl.stream/images/Float.png",
        "width": 100,
        "height": 100
      }

DarkIBL avatar Apr 06 '17 14:04 DarkIBL

This does not seem to work with correctly with some .svg files

eric-burel avatar Sep 26 '17 17:09 eric-burel

Not sure if recent development or coincidence, same problem as Eric. PNGs work fine, but not SVGs.

lasernite avatar Sep 27 '17 00:09 lasernite

Its possible to increase the image size?

BrunoSoclick avatar Nov 06 '17 10:11 BrunoSoclick

@BrunoSoclick you can edit the size on line 39 of package.json

James-Burgess avatar Nov 16 '17 10:11 James-Burgess

Changing width and heigth will only adjust the aspect ratio, not the size.

To increase size check particles.size.value

kyriediculous avatar Jan 21 '18 06:01 kyriediculous

I have tried png, svg, even jpeg but nothing is working for me

artfauxlive avatar Jun 09 '20 01:06 artfauxlive

@artfauxlive This repository is abandoned, try here https://github.com/matteobruni/tsparticles

matteobruni avatar Jun 09 '20 04:06 matteobruni