А можно рендерить куда-то еще?

ну само собой

Любое изображение на экране - раст

можно в свг например

А можно рендерить куда-то еще?

если бы оно генерило свг на лету — было бы другое

А SVG потом опять в растр.

но я думаю это будет ужасно работать

Если кто сможет расказать зачем - будет рендерить в SVG. Проблем нет.

А SVG потом опять в растр.

это не его проблема уже

SVG немного не очень быстрое решение, и немного не очень умное. Шейдеров то нет.

Если кто сможет расказать зачем - будет рендерить в SVG. Проблем нет.

в принципе, особо не зачем, но смотри: 1) если таки позумить _экран_ после того, как оно срендерило — будет мыло. 2) на печати могут быть различия, надо смотреть 3) экспорт в свг для дальнейшего использования в другом месте мог бы пригодится

1 я воспроизвёл на тачскрине запросто.

SVG немного не очень быстрое решение, и немного не очень умное. Шейдеров то нет.

https://developer.mozilla.org/en-US/docs/Web/SVG/Element#Filter_primitive_elements

1) решается активной подстройкой под DPR. Просто обычно не делается, так как и зум страницы заблокирован.

Но да, я допускаю что свг может люто тормозить.

А может и не тормозить — смотреть надо.

1) решается активной подстройкой под DPR. Просто обычно не делается, так как и зум страницы заблокирован.

нельзя заблокировать зум страницы.

2) решается 3) Тогда уж pdf, glTF, obj и тд.

На мобиле? Легко

В svg есть режимы рендеринга форм и текста, в зависимости от роли и важности можно значительно оптимизировать производительность

На мобиле? Легко

На ноуте.

https://developer.mozilla.org/en-US/docs/Web/SVG/Element#Filter_primitive_elements

Фильтры SVG и многопродных рендеринг webgl - немного в разных мирах живут.

Я тут на ноуте позумил страницу и всё стало мыльным.

На ноуте.

На ноуте при зуме страницы меняется devicePixelRatio. Надо просто дернуть карту обновиться.

Фильтры SVG и многопродных рендеринг webgl - немного в разных мирах живут.

Зачем?

Для карт то

Надо, Федя, Надо.

На ноуте при зуме страницы меняется devicePixelRatio. Надо просто дернуть карту обновиться.

нет

есть разные зумы.

ноут с тачскрином это отдельная история

и там есть другой зум, который не меняет devicePixelRatio и вообще не меняет размеры страницы.

А просто приближает какой-то участок.

Надо, Федя, Надо.

Ну раз надо, то вопрос выбора технологий уже не стоит

Уловка 22 какая-то

При этом всё векторное, включая шрифты, остаётся чётким.

На ноуте при зуме страницы меняется devicePixelRatio. Надо просто дернуть карту обновиться.

https://www.mapbox.com/gallery/#map-9 — ткни в хроме ТРЕМЯ пальцами в экран и разведи их.

https://www.mapbox.com/gallery/#map-9 — ткни в хроме ТРЕМЯ пальцами в экран и разведи их.

Сори. Мак. Но и двумя работает.

Сори. Мак. Но и двумя работает.

двумя увеличивает карту

А часто так делать придится?

то есть двумя — перехватывается.

двумя увеличивает карту

А я в строне от карты. можно еще двумя пальцами тапнуть куда либо...

А, в стороне от карты двумя тоже да.

"Просто не делайте так"

Нет, так приходится делать нечасто, поэтому я и сказал в самом начале. что «особо не зачем»

Я конечно работаю не в мапбоксе, а в Яндекс.Картах. Но подумаем что можно сделать.

Но кто-то может этим пользоваться и таки увидит мыло.

Пофиксить часто сложно, так как размер вьюпорта не резиновый

Но в SVG рендерить нельзя. Поверьте старому пирату.

Тач-зум не меняет размеры вьюпорта.

Он работает как лупа условно.

И я вообще не уверен, что оно перехватывается — смотреть надо.

В принципе, это полезная штука чтобы взять и приблизить часть страницы.

Но в SVG рендерить нельзя. Поверьте старому пирату.

ок, верю.

мб когда браузер на расте допилят, лучше станет?

servo который.

Правда, последний раз, когда я его тыкал, он мне выдавал Panic while panicking

Тут корневое различие в технологиях.

* panicked while panicking

Тут корневое различие в технологиях.

а?

Я про уровень растровой графики через GL и SVG.

Я про уровень растровой графики через GL и SVG.

Проблема свг именно в скорости?

Скорость и насраиваемость

Настраиваемость?

Если свг генерировать на клиенте.

Большая часть наркоманий в SVG не доступна

ERROR: S client not available

SVG - на планшетах ( на клиенте ) выдает гдето 1-2 fps ( на iPad 2 ) - так что если генерировать статику, то это ок, а анимировать или UI - врагу не пожелаю

А пелиас под ноду есть?

SVG - на планшетах ( на клиенте ) выдает гдето 1-2 fps ( на iPad 2 ) - так что если генерировать статику, то это ок, а анимировать или UI - врагу не пожелаю

ясненько, спасибо.

Буду знать.

SVG - на планшетах ( на клиенте ) выдает гдето 1-2 fps ( на iPad 2 ) - так что если генерировать статику, то это ок, а анимировать или UI - врагу не пожелаю

Не может быть) Я запускал WebGL с анимацией на 8 fps

без jit

SVG - на планшетах ( на клиенте ) выдает гдето 1-2 fps ( на iPad 2 ) - так что если генерировать статику, то это ок, а анимировать или UI - врагу не пожелаю

Это руками, или надеюсь хотя бы с d3?

Где SVG подгаливает, а canvas тупит - webgl работает на 60 кадрах. Но не всегда.

Не может быть) Я запускал WebGL с анимацией на 8 fps

Ну WebGL и svg как бы принчипиально разные вещи, не?

WebGL это про апи для видеокарты напрямую из браузера, а svg - векторное изображение

Не думаю, что их сравнивать корректно

Но в общем спасибо за интересный кейс. Как раз скоро про GL спич толкать, добавлю в копилку.

Но в общем спасибо за интересный кейс. Как раз скоро про GL спич толкать, добавлю в копилку.

О, а ты из яндекс-карт, да?

Почему они чуть-чуть плющатся при загрузке?

О, а ты из яндекс-карт, да?

Пока ещё да.

Там в начале работает прелоадер, потом стартует карта.

То есть сначала отображается карта, потом как будто поверх подгружается та же самая карта, но со сдвигом в несколько пикселей по обоим осям.

Выглядит странно.

Вторая правее и ниже чуть-чуть.

Там разные алгоритмы отображения. Но вообще надо пофиксить.

Не секси.

Там разные алгоритмы отображения. Но вообще надо пофиксить.

Это можно легко проверить, открыв отладчик и поменяв прозрачность верхнему слою, пока прелоадер ещё не скрыт.

А скрывается он только если скроллить куда-то ещё, если оставаться на том же месте — он остаётся.

Браузер хромиум.

Воспроизводится?

Конечно

В общем жалобу в наш чатик перекинул. А то никто и не чешется.

Ага.

А есть способ использовать jade на клиенте? То есть, чтобы мне не генерировать хтмл на сервере/клиенте. А просто присылать json и по нему рендерить какую то часть страницы

да

берешь Jade тот же самый и подключаешь его в клиент и точно также указываешь путь до шаблона

у него есть АПИ, и для клиентов там отдельный compileClient который возвращает функцию