An option to fit the circle into the parent container
See original GitHub issueCan we make it? I found that valid use case is responsive layout.
I think it should essentially do viewBox
instead of width
and height
(not sure if there’s a reason to use it with the option switched off). I can PR my own fix, once I will merge it with latest commits.
Issue Analytics
- State:
- Created 8 years ago
- Comments:28 (15 by maintainers)
Top Results From Across the Web
CSS circle to match width of div content - html
I.e., put the circle on the child element in the first place. Another option would be to get the div to match size...
Read more >Setting the circle to 100% width and height of parent element
i put it in a div with responsive size and used jquery width function to set the size in the initialization. worked great!...
Read more >Why can't I get images and text to fit in circle?
Even without the images, I couldn't get the text to fit in the circle. ... because image parent is a relative div, a...
Read more ><circle> - SVG: Scalable Vector Graphics - MDN Web Docs
The <circle> SVG element is an SVG basic shape, used to draw circles based on a center point and a radius. Example.
Read more >Using the Arc Tool
The user clicks and drags the Arc handle on an ellipses, creating a circle with. Tip! The tooltip will indicate the Sweep percentage....
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
It should. And viewBox routine should be added to the watcher as well. Should we add div wrapper to the template then? Doing
display: inline
for div whenfitted
option is disabled should be fine (I think it has a better chance as a transparent container thandisplay: inline-block
).@crisbeto Yes, it is. It scales well with Jquery now. Thanks.