Nikita
разве нельзя на css такое сделать?
Anonymous
разве нельзя на css такое сделать?
после того кейса когда мне надо было одновременно сверхуть и развернуть помоему цсс сделать ничего нельзя )
Anonymous
причем ладно бы транзишены были не плавные. они тормозили и еще и работали не паралельно...
Anonymous
Сначала мы упаковывали их прямо в бандл.
Никаких жс. Прям анимация зашивается в svg.
svg пакуем все через <symbol id="some_icon"> дальше вставляем по id по if показываем
ох я слишком плохо знаю свг вообще. упаковку вроде делал. как триггернуть анимацию ваще непонятно
Anonymous
но видимо надо адаптировать как то эти туторы https://tympanus.net/codrops/2013/11/05/animated-svg-icons-with-snap-svg/
Anonymous
мне странно чего нет решения уровня копипаст
Denis
Anonymous
после velocity я почти уверен что програмная анимация лучше и отлаживаемее чем что угодно
Anonymous
kute.js SVG
как я понял все эти либы решают одну и ту же задачу - морфировать свг аки хтмл
Yaroslav 🇺🇦
Тебе по клику нужна анимировання трансформация?
Anonymous
ну как нужна. было бы прикольно. я часто видел такое
Yaroslav 🇺🇦
Со спинерами проще, они тупо крутятся и всё
Anonymous
а ну это да
Anonymous
со спиннерами вообще есть такой то vue-awesome. там дико наоверинжинирили но мне нрав что просто вставляешь компонент
Denis
ну как нужна. было бы прикольно. я часто видел такое
Пути делай чтоб начинались и кончались в одной точке!
Anonymous
Пути делай чтоб начинались и кончались в одной точке!
воу воу я вообще ожидаю тупо скопипастить )
Anonymous
по сути мне нужна ровно одна икогда - верхняя правая https://tympanus.net/Development/AnimatedSVGIcons/
Denis
Denis
А не
Anonymous
эта демка жсной либы
Denis
Увидел
Denis
Есть песочница
Anonymous
не, я подозреваю что можно взять path и транзишеном шлепнуть его опасити до нуля например
Denis
Давай я тебе забабахаю
Anonymous
но вроде как общепринято на всяких snap.js и тем что ты кинул
Denis
Не стой
Anonymous
о прикольно. велосити тоже умеет свг
Anonymous
да я пока очень обзорно смотрю
Anonymous
гуглы нам пророчат тулзы для делания какогото шикарного юзерэкспириенса а на практике оно всё тормозит на мобилках ) либо не поддерживаются
Denis
эта демка жсной либы
https://codepen.io/denis_efremov/pen/MvGdxK
Ты будешь видеть как я редактирую?
Anonymous
вроде нет
Anonymous
да лан я просто почитаю какой то тутор проникнусь проблематикой и всё. я очень убит щас. пасиб
Denis
Anonymous
вся магия тут https://tympanus.net/Development/AnimatedSVGIcons/js/svgicons-config.js
Anonymous
забавно что свг крутится почти как дом
Denis
https://codepen.io/denis_efremov/pen/MvGdxK
Anonymous
лол ты прям на вуе сделал
Anonymous
да я тоже думал что можно, он ведь реактивный
Denis
Анимашку добавь
Anonymous
кажется что бургер круглый
Anonymous
из-за перехода на крестик
Anonymous
и обратно
Denis
Denis
ПОСОНЫ!!!!
Denis
Еще раз
Denis
https://codepen.io/denis_efremov/pen/MvGdxK
Denis
Просто
path
transition all .4s linear
и фсе!!!
Denis
@enomad !!!!!
Anonymous
да круто ты
Anonymous
пасиб
Denis
)) на здоровье
Denis
Просто короч крайние пути и транзишен
Anonymous
ну вроде так везде в целом )
Anonymous
есть годный пример юзания велосити кстати
Denis
велосипети )))
Denis
Я придумал!!!
React - anti-pattern )))))))
Denis
Denis
Это шарпист )
Anonymous
тебе самому не надоедает столько сидеть в чатах? Или одиноко?
Denis
Я ваще там по работе в нем. Это мы просто на отвлеченную тему )))
Denis
А здесь у меня всегда открыто ))
Denis
Но я сплю, гуляю, и у меня есть девчуля, если ты об этом...
Denis
А у тебя, кстати, есть варики англ free? Sasha 💲🌚✖️
Denis
Подучить негде нахаляву?
Denis
Седня видел репититора в Бургере. Спросил - как шлюха почти стоит))) 1200 полтора часа
Yushkevich
Ребята, а как лучше фильтр по валюте сделать?
Типа {{ price | currency }}
А дальше из 26734 чтобы получалось 26 734 руб :)
Yushkevich
Гуглил, я так понял, раньше был встроенный метод но его прикрыли
Denis
А че метод?
Yushkevich
Все предлагают либо библиотеки цеплять либо регулярками. Мне кажется должно быть элегантнее
Yushkevich
Решение
Denis
{{ currencyRender(price) }}
Denis
Computed
Denis
от языка
Denis
или метод