Size: a a a

JavaScript — русскоговорящее сообщество

2020 November 23

V

Vlad in JavaScript — русскоговорящее сообщество
Maksim
Все привет, может кто знает как сформировать из данных pdf и отдать пользователю? Есть массив с объектами, нужно при нажатии на кнопку “сохранить”, сформировать pdf файл из этого массива, каждый объект на новую страницу (в простой разметке типа картинка, заголовок, список) и отдать pdf юзеру.
источник

V

Vlad in JavaScript — русскоговорящее сообщество
Дмитрий Волошин
Господа, добрый вечер!
Нужен совет по реализации анимации движения блока из точки A в точку B по синусоедному графику. Есть ли у кого советы через что или как такую анимацию делать? Через svg , через простой transform, через canvas?
все что связанно с математикой легко рисовать на канвасе вроде
источник

ДВ

Дмитрий Волошин... in JavaScript — русскоговорящее сообщество
Vlad
все что связанно с математикой легко рисовать на канвасе вроде
просто я сейчас изучаю вот такой подход https://css-live.ru/articles/dvizhenie-po-traektorii-v-css-pomimo-bolshoj-trojki-svojstv.html и интересно насколько он лучше canvas
CSS-LIVE
Движение по траектории в CSS помимо «большой тройки» свойств
Перевод статьи CSS Motion Path beyond the Big Three Properties с сайта danielcwilson.com, опубликовано на css-live.ru с разрешения автора — Дэна Уилсона. Хотя работает она только в Chromium-браузерах, а черновик ее спецификации всё еще активно разрабатывается, анимация движения по траектории (CSS Motion Path) немного повзрослела за эти три года с момента первой реализации в Chrome 46. Я уже описывал основы главного применения CSS Motion Path в виде трёх свойств — offset-path, определяющее траекторию, вдоль которой может двигаться элемент, offset-distance — для позиционирования элемента на этой траектории, и offset-rotate, которое отвечает за то, какой стороной вперед движется элемент по траектории. После того моего обзора спецификация подросла на несколько фич (и больше того, некоторые из них уже можно «пощупать» в Chrome). Чтобы увидеть последние возможности, откройте эту статью с её демо-примерами в Chrome 66+ с включенным параметром «Экспериментальные
источник

V

Vlad in JavaScript — русскоговорящее сообщество
Дмитрий Волошин
просто я сейчас изучаю вот такой подход https://css-live.ru/articles/dvizhenie-po-traektorii-v-css-pomimo-bolshoj-trojki-svojstv.html и интересно насколько он лучше canvas
CSS-LIVE
Движение по траектории в CSS помимо «большой тройки» свойств
Перевод статьи CSS Motion Path beyond the Big Three Properties с сайта danielcwilson.com, опубликовано на css-live.ru с разрешения автора — Дэна Уилсона. Хотя работает она только в Chromium-браузерах, а черновик ее спецификации всё еще активно разрабатывается, анимация движения по траектории (CSS Motion Path) немного повзрослела за эти три года с момента первой реализации в Chrome 46. Я уже описывал основы главного применения CSS Motion Path в виде трёх свойств — offset-path, определяющее траекторию, вдоль которой может двигаться элемент, offset-distance — для позиционирования элемента на этой траектории, и offset-rotate, которое отвечает за то, какой стороной вперед движется элемент по траектории. После того моего обзора спецификация подросла на несколько фич (и больше того, некоторые из них уже можно «пощупать» в Chrome). Чтобы увидеть последние возможности, откройте эту статью с её демо-примерами в Chrome 66+ с включенным параметром «Экспериментальные
ну свг под это лучше подходит, с канвасом будет куча оверхеда
источник

ДВ

Дмитрий Волошин... in JavaScript — русскоговорящее сообщество
Vlad
ну свг под это лучше подходит, с канвасом будет куча оверхеда
Просто в любом случае для адаптива придется рассчитывать координаты на js. Спасибо большое за совет!
источник

KS

Konstantin Sedykh in JavaScript — русскоговорящее сообщество
Vlad
ну свг под это лучше подходит, с канвасом будет куча оверхеда
а чём конкретно оверхеад? css да, жопа - трансформ тяжёлая операция для композа. а svg или канва - практически без разницы.
источник

V

Vlad in JavaScript — русскоговорящее сообщество
Konstantin Sedykh
а чём конкретно оверхеад? css да, жопа - трансформ тяжёлая операция для композа. а svg или канва - практически без разницы.
Ташить кучу либ
источник

KS

Konstantin Sedykh in JavaScript — русскоговорящее сообщество
Vlad
Ташить кучу либ
каких и зачем?
источник

V

Vlad in JavaScript — русскоговорящее сообщество
Konstantin Sedykh
каких и зачем?
Ты собрался это делать ручками? Зачем? Голый канвас довольно низкоуровневый. На свг это элементарно проще написать
источник

KS

Konstantin Sedykh in JavaScript — русскоговорящее сообщество
Vlad
Ты собрался это делать ручками? Зачем? Голый канвас довольно низкоуровневый. На свг это элементарно проще написать
а что там делать-то? 10 строк?
источник

V

Vlad in JavaScript — русскоговорящее сообщество
Konstantin Sedykh
а что там делать-то? 10 строк?
ну кинь это решение на 10 строк, чтобы еще его можно было стилизовать нормально
источник

V

Vlad in JavaScript — русскоговорящее сообщество
ну и адаптив
источник

V

Vlad in JavaScript — русскоговорящее сообщество
свг умеет в псевдоадаптив
источник

KS

Konstantin Sedykh in JavaScript — русскоговорящее сообщество
кансас тоже и в псевдо и не в псевдо.
источник

KS

Konstantin Sedykh in JavaScript — русскоговорящее сообщество
бессмысленный спор. кому на чём удобнее,  тот на том и делает. приемуществ (ну возможно кроме некроссбраузерных фильтров, типа размытия) нет.
источник
2020 November 24

МП

Максим Патрушев... in JavaScript — русскоговорящее сообщество
Есть что то подобное codewars, но  именно под js? На кодварс совсем нет задач на специфику js,  скоупы, замыкания, евент лупы и вот это все
источник

NN

No Name in JavaScript — русскоговорящее сообщество
Переслано от No Name
Подскажите пожалуйста, как при вызове Object.keys(obj) сортируются ключи? Типо каким образом это происходит? Я в гугле ничего нормального не нашел
источник

NN

No Name in JavaScript — русскоговорящее сообщество
Переслано от No Name
источник

A

Alex in JavaScript — русскоговорящее сообщество
Привет ребят! Как пофиксить эту проблему?
источник

A

Alex in JavaScript — русскоговорящее сообщество
ага. Всьо. Это было расширение в браузере :(
источник