Canvas draw rought circle for palette

Question

Hello i draw circle color palette using canvas, but problem is have seem bad pixels. Rought circle

enter image description here

How i can fix it?

code jsfiddle: http://jsfiddle.net/La5d6z07/

What exactly do you mean by 'bad pixels'? – Vadim Landa May 21 '15 at 08:34 — Vadim Landa, May 21 '15 at 08:34
@Vadim: the circle isn't smooth, it's pixelated – May 21 '15 at 08:35 — , May 21 '15 at 08:35
i mean it's pixelated circle is not smooth :) – codelife May 21 '15 at 08:39 — codelife, May 21 '15 at 08:39

score 0 · Answer 1 · answered May 21 '15 at 08:40

You can make the canvas element twice the size and force it with css to be half of it's width & height (=original size) in pixels.

This will make the image look great on retina screens and will apply browser's own smoothing when scaled to normal screens.

1 Answers1