kottenator / kottenator/jquery-circle-progress
Component blinks after update value when using image as fill
- Dominant language
- JavaScript
- Stars
- 1.1k
- Forks
- 300
- PR merge metrics
- No merged PRs in 30d
Description
The situation is easy to reproduce, you can create a components like this:
```js
circle.circleProgress({
value: 1.0,
animation: false,
fill: {
color: "#1a1f21",
image: "../img/clock.png"
}
});
```
Then try to update the value with a timer. You'll ses the image blinks after some seconds. It may has something to do with the fact that the image is being recreated everytime it updates. I've seen some posts about it, and they say you need to call it once, and then work with the draw.
Contributor guide
No contributing guide indexed for this repository
Research direction
Start at the circleProgress initialization and the value-update path used by the timer, reproducing the example with an image fill and animation disabled. Trace whether the image is recreated during updates; done means repeated value updates no longer make the image blink.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- javascript, jquery
- Domain
- frontend
- Issue type
- Bug
- Difficulty
- 3/5
- Estimated time
- 1-2 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 35/100