#javascript #html #css #svg #svg-filters
#javascript #HTML #css #svg #svg-фильтры
Вопрос:
Мне интересно, могу ли я сделать что-то вроде эффекта размытия масштаба в CSS через пользовательский фильтр. Я хочу что-то вроде этого:https://pixijs.io/pixi-filters/docs/PIXI.filters.ZoomBlurFilter.html. Но я хотел бы применить его к тексту. Лучший вариант (I изображение) примерно такой: filter: url(zoom-blur.svg) . Но я не знаю, можно ли создать этот фильтр.
Комментарии:
1. Теоретически, после большой работы, я полагаю, вы могли бы получить плохое приближение к нему, используя размытие и стопку карт смещения. Но это было бы очень сложно реализовать и, вероятно, выполнялось бы медленно. Было бы намного проще реализовать, используя пиксельные операции над
<canvas>элементом.2. Используйте Canvas — в SVG filter toolkit нет примитивов для этого.
3. @PaulLeBeau Я бы тоже использовал его, но мой графический дизайнер хочет этот эффект для текста <h1>, поэтому мне нужно применить его к самому тексту :(. Тем не менее, спасибо за ваши ответы.