Я могу нарисовать простой круг на холсте HTML5, но я хотел бы добавить некоторое размытие вокруг него.
Я нашел этот веб-сайт, в котором объясняется свойство shadowBlur
, которое может пригодиться здесь.
Тем не менее, мне не удастся сделать сам круг размытым. То, что свойство shadowBlur
в основном делает, это рисовать эффект размытия после того, как был нарисован правильный круг. Что я пробовал до сих пор, я добавил в jsFiddle.
Как видно, это сплошной заполненный круг с некоторым эффектом размытия вокруг него - две части вообще не сливаются друг с другом. Я действительно хотел бы добиться того, что сам круг полностью размыт:
Есть ли способ рисовать размытый круг, например, что сам круг также имеет эффект размытия?