vue-ellipse-progress icon indicating copy to clipboard operation
vue-ellipse-progress copied to clipboard

Possibility of having gradient follow the fill of the circle?

Open BumbiSit opened this issue 4 years ago • 1 comments
trafficstars

Instead of having the gradient follow in an overlay manner from left->right, would it be possible to have it actually start from where the fill starts and end at 100%? Because now if you have circle fully filled, the darkest is not at 100% of the circle, but at around 75% (if gradient is left to right and the beginning of circle starts at the top). Would be nice to have a feature with gradient following the % of the circle filled and possibility of adding stops.

Example shown below.

image

BumbiSit avatar Mar 25 '21 20:03 BumbiSit

Hello, @BumbiSit

agree, one of the desired features. Unfortunately, I haven't found a reasonable way to implement conic gradient in SVG. All the possible tricks (for example) I looked at would break the the code base consistency and possibly limit the flexibility and simplicity of the component. So, I can't promise we'll see this feature soon, but PR's or any ideas on it are very welcome!

setaman avatar Mar 25 '21 20:03 setaman