stroke for images/svg particles?
See original GitHub issueIs there anyway to give stroke to images? like stroke is working in circular particles not custom images path.
also i want to know if i can change stroke/color/shadow values on the fly without refreshing the whole particle canvas? thanks
Which version are you using? 1.22.1
Which library are you using?
- jQuery (
jquery-particles
)
Issue Analytics
- State:
- Created 3 years ago
- Comments:5 (2 by maintainers)
Top Results From Across the Web
Fills and Strokes - SVG: Scalable Vector Graphics | MDN
The stroke-width property defines the width of this stroke. Strokes are drawn centered around the path. In the example above, the path is...
Read more >Davinci Resolve Tutorial: Stroke Logo Reveal Outline Effect
In this Davinci Resolve tutorial, we're going to create a stroke animation using any logo. We'll be importing an SVG file inside fusion...
Read more >plygon mask with SVG image does not work #104 - GitHub
All super helpful, but I'm unable to get the particles to trace the path of my svg image as a polygon mask. (For...
Read more >How to give stroke width evenly to rounded svg hexagon?
Just give it some width and height and it will work. Stroke width is even on your svg, you just don't see the...
Read more >Shape | tsParticles - v2.6.0
Shape options is a dynamic object, is properties are the shape types, even the custom one you created (as you can read above)...
Read more >
Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free
Top Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
@matteobruni omg, beautiful examples! you are such a lovely person. thanks a lot for such an adorable library. this is my most fav lib, you are my hero… love from India!!!
For stroking the particles you can see this sample: https://codepen.io/matteobruni/pen/XWbBxEm Changing the color on the fly can be done with the animation like here: https://codepen.io/matteobruni/pen/NWRPKQW
But… If you want to replace the images color it’s not supported since the image needs to be loaded for every color and I think the stroke will be a square around the image.
If you need a more complex shape you can draw it yourself, something like this: https://github.com/matteobruni/tsparticles/tree/main/shapes/heart or this https://codepen.io/matteobruni/pen/vYOMmGr but it require some canvas drawing skills