Как сделать сглаживание границ в canvas?

Question

[alia_respekt]

Здравствуйте!
Помогите, пожалуйста, решить проблему сглаживания в canvas.

Есть окружность с градиентной рамкой:

context.arc(width / 2 + lineWidth / 2, width / 2 + lineWidth / 2, width / 2, 1.5 * Math.PI, radian + 1.5 * Math.PI, false);
      var gradient = context.createLinearGradient(0, 0, 50, 100);
      gradient.addColorStop(0, '#ff7801');
      gradient.addColorStop(0.5, '#54149d');
      gradient.addColorStop(1, '#54149d');
     context.strokeStyle = gradient;
     context.lineCap = 'round';
     context.lineWidth = 5;

Дело в том, что края рамки получаются пиксельными и нечеткими.
Как сгладить их, чтобы края были гладкими?

Comments

[Ragtime Kitty]

Зависит от координат/размеров дуги. Нужен пример, ну или попробуйте добавить по пол пикселя к X и Y

[alia_respekt]

Ragtime_Kitty, Как это реализовать?

[Ragtime Kitty]

alia_respekt, пример покажите