Эффект свечения на холсте html5?

Question

Можно ли добавить эффект свечения к уже нарисованному холсту , не вычисляя его самостоятельно ?(Используя градиенты, тени или что-то ...)

Я попытался добавить свечение, нарисовав холст как изображение на другом холсте и вернув его назад с добавленной тенью.Проблема в том, что это зависит от количества пикселей вокруг тени - потому что оно размывает изображение - так что этого недостаточно.

Answer 1

Существует веб-сайт, который использует эффект свечения наряду с другими типографскими эффектами для текста на холсте здесь .

Вот суть эффекта свечения:

// Assuming your canvas element is ctx
ctx.shadowColor = “red” // string
    //Color of the shadow;  RGB, RGBA, HSL, HEX, and other inputs are valid.
ctx.shadowOffsetX = 0; // integer
    //Horizontal distance of the shadow, in relation to the text.
ctx.shadowOffsetY = 0; // integer
    //Vertical distance of the shadow, in relation to the text.
ctx.shadowBlur = 10; // integer
    //Blurring effect to the shadow, the larger the value, the greater the blur.