PatternCircles strokeWidth
See original GitHub issueI see this example has strokeWidth
use in the PatternCircles
component. But can anyone confirm this works?
https://vx-demo.now.sh/static/docs/vx-pattern.html
<PatternCircles
id="circles"
height={6}
width={6}
stroke={'black'}
strokeWidth={1}
/>
Issue Analytics
- State:
- Created 6 years ago
- Comments:5 (3 by maintainers)
Top Results From Across the Web
stroke-width - SVG: Scalable Vector Graphics - MDN Web Docs
The stroke-width attribute is a presentation attribute defining the width of the stroke to be applied to the shape.
Read more >stroke-width - CSS-Tricks
The stroke-width property in CSS is for setting the width of a border on SVG shapes.
Read more >How to set stroke width of a canvas circle using Fabric.js
strokeWidth : It specifies the stroke width. Example: This example uses FabricJS to set stroke width of a canvas circle.
Read more >vx/pattern documentation
strokeWidth applied to path elements. #<Path />. # Path.height number required. Height of the pattern element.
Read more >SVG Patterns / Martien van Steenbergen / Observable
Increasing the circle's radius and/or stroke width will expose the tile's edges at some point, also clearly revealing the tiling nature of ...
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 FreeTop 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
Top GitHub Comments
@OKNoah great! Yup, just increase
radius
,width
, andheight
.width
&height
define the the area that will be repeated as a pattern. Then the center point for your circle will becx = width / 2
andcy = height / 2
. Here’s another example: https://codesandbox.io/s/1z2k2wxk54@hshoff Indeed it does work, not sure why it didn’t before. Is there a way to increase circle diameter? Looking at the code, it’s not obvious to me how.