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

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

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

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

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

Войти через TM ID
Похожие вопросы
Biganto Москва
от 130 000 до 130 000 руб.
Spotware Systems Лимассол
от 3 500 до 3 800 eur.
от 80 000 до 160 000 руб.
15 авг. 2018, в 21:18
30000 руб./за проект
15 авг. 2018, в 21:15
800 руб./за проект
15 авг. 2018, в 20:54
1500 руб./за проект