Image blurred while setting handleRotatable to true. Also, gradient slider changes bar color completely.

[jainam]

@ThunderStruct ,

Thanks a ton for your instant reply and solution regarding handleRotatable.

The image has started rotating but that has somehow blurred the image completely and while the handle is being moved, the image's height grows smaller and bigger.
I'm attaching a few screenshots and a dropbox link for a video which show this behaviour. Could you please look into that and see why that is happening or what I need to change for that?

Video: https://www.dropbox.com/s/9vtyz4n3vjzdeay/CircularSliderDemo.mov?dl=0

Also, you see, in the above demo example images, as the value increases, the whole bar color changes. Instead, the actual color should persist and only the color at the handle position should appear.

Kind of like so...

Thanks again!

[ThunderStruct]

Apologies for the late reply, I've been swamped with work!

The blurry image and size changes of the handle are bugs and I've added them to the top of my list to fix (as soon as I can!)

The gradient slider, however, changes its color completely by design. I'm also adding that feature request to the list!

[ogolanians]

I believe the issue is caused by the handle image's frame failing to rotate because the corners of the image get clipped as it rotates. The image rotates, but its opposite corners become constricted by the frame hence it being blurry.

A non-optimal workaround that might work for others is to surround your handle image with 20 or so px of transparency all around. My track width is also set to 15px so it might differ based on that.

My handle image is square with rounded corners with the following dimensions 138x138 (actual handle) with the file dimension of 158x158.