javascript - Canvas line edges not smooth. How to fix this? -


i searching radial progress bar. found in stackoverflow using canvas. circle not smooth edges. how fix blurry image.

jsfiddle : http://jsfiddle.net/fd3k7prh/ 

image: enter image description here

it seems ok on screen. long don't scale canvas inside e.g. css should not blurred. please make sure whether have zoom enabled in browser (e.g. holding ctrl+mouse scroll) , browser displaying 100% image.

as canvas displaying vector image, should not blurred in normal zoom. however, zooming in make blurry, because needs overscaled.


Comments

Popular posts from this blog

c++ - QTextObjectInterface with Qml TextEdit (QQuickTextEdit) -

javascript - angular ng-required radio button not toggling required off in firefox 33, OK in chrome -

xcode - Swift Playground - Files are not readable -