Как сделать пиксельное свечение для текста?

Добрый день, интересует вопрос как средствами js+css организовать "пиксельное свечение" на тексте.
Допустим ввел человек произвольный текст, и туда добавляется эффект.
bingo-boom-2.jpg
  • Вопрос задан
  • 386 просмотров
Пригласить эксперта
Ответы на вопрос 1
ixon
@ixon

Правильней будет реализовать это через css. Добавить тексту свойства:
text-shadow: 0px 0px 30px ЦветСвечения;
text-fill-color: transparent;
background-clip: text;
background:url(Изображение из размытых точек)

Если же делать это через js, то нужно будет получить размеры и характеристики текста через canvas, перенести его туда, в цикле перебрать попиксельно и через определённый интервал вставлять изображение из размытых точек в тех местах, где цвет ближе всего к чёрному.
Но выгодней всего будет заранее нарисовать текст в графическом редакторе и всего лишь вставить его как картинку. Если важно иметь вариативный текст, можно разбить текст на буквы и вставлять каждую заранее нарисованную букву отдельным изображением или помещать её на canvas.
Ответ написан
Ваш ответ на вопрос

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

Войти через TM ID
Похожие вопросы
MERA Нижний Новгород
До 150 000 руб.
Eagle Dynamics Москва
от 80 000 руб.
EducaGroup Санкт-Петербург
До 130 000 руб.
21 окт. 2018, в 22:38
1200 руб./за проект
21 окт. 2018, в 17:05
5000 руб./за проект