kottenator / kottenator/jquery-circle-progress

Component blinks after update value when using image as fill

Open
#134 5 comments 0 reactions 0 assignees View on GitHub
help wanted
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

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.