Как сделать canvas — shadow на полупрозрачной фигуре?

У меня полупрозрачная форма:
this.cx.beginPath();
this.cx.globalAlpha = .1;
this.cx.fillStyle = gradientFill;
this.cx.strokeStyle = gradientStroke;
this.cx.arc(150, 150, 139, 0, Math.PI * 2, true);
this.cx.lineWidth = 1;
this.cx.stroke();
this.cx.fill();

Я хочу добавить немного тени, но я хочу, чтобы она появлялась только вне формы, я думаю, что больше свечения, чем тень. Есть ли способ сделать это в холсте, поскольку мои попытки:
this.cx.shadowColor = 'rgba(0, 0, 0, .75)';
this.cx.shadowBlur = 5;
this.cx.shadowOffsetX = 5;
this.cx.shadowOffsetY = -5;

Тёмная тень видна сквозь полупрозрачную форму.

Благодарю!
  • Вопрос задан
  • 391 просмотр
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы