Как сделать эффект размытия при рисовании линии на канвасе?

Question

[Лев Александров]

Мне нужно добиться следующего эффекта рисования на канвасе:


Градиентная линия из 3 цветов.
Нашел решение для рисования градиентной линии и вот, что получилось:


Я особо не вникал, но суть решения, вроде, такая:
При движении мыши от одной точки до другой рисуются круги функцией plotLine. Для рассчета цвета круга используется функция getColor.
Я пытался добавить к рисуемым кругам блюр через ctx.shadowBlur, но ничего не вышло. Также пытался кругам присваивать не сам цвет получаемый функцией getColor, а радиальный градиент из полученного цвета переходящего из центра наружу до прозрачности 0, но тоже не получилось.

Вот код:
https://codepen.io/h3ckphy/pen/xxrQGLz

Answer 1

[bingumd]

c.style.webkitFilter = "blur(3px)";

Comments

[Лев Александров]

Красиво получилось.
Как думаете, стоит ли запариваться с IE или забить на него?
Возможно ли и на нем такое сделать?