Ищу решение... https://jsfiddle.net/frenzzy/8pou3j9f/

https://jsfiddle.net/8pou3j9f/1/ ?

нужно чтоб работало на подобие нативного srcSet

А, все, кажется понял...

А ничего, что пропорции не везде соответствуют?

https://geektimes.ru/post/279344/

нужно чтоб работало на подобие нативного srcSet

Просто отсортируй правильно https://jsfiddle.net/8pou3j9f/7/

Еще вариант https://jsfiddle.net/8pou3j9f/5/

Привет народ , у меня появился недавно таск скоздать веб-приложение которое будет использовать canvas для отриссовки разных объектов на нем, типа текста , картинок , svg объектов и всего такого. Собственно данные объекты должен создавать ui который должен быть модульным . Можете подсказать какие нибудь фреймворки или библиотеки для облегчения задачи . Cейчас думаю использовать fabricjs , но для организации проекта нужен какой нибудь тул.

Привет народ , у меня появился недавно таск скоздать веб-приложение которое будет использовать canvas для отриссовки разных объектов на нем, типа текста , картинок , svg объектов и всего такого. Собственно данные объекты должен создавать ui который должен быть модульным . Можете подсказать какие нибудь фреймворки или библиотеки для облегчения задачи . Cейчас думаю использовать fabricjs , но для организации проекта нужен какой нибудь тул.

минутку..

Kirill У меня доклад на эту тему был на MoscowJs https://gist.github.com/aiboy/d044e71088cf81ccc69cf6db3eaa2b24 Способ номер 1 - https://www.youtube.com/watch?v=MviAo7wc9go http://blog.mikeswanson.com/ai2canvas В Adobe Illustrator рисуем UI - ( готовых уже миллион в интрнете ) конвертируем с помощью плагина в canvas код Видео с верху обязательно к просмотру там много интересного об этом подходе Способ номер 2 - http://www.zebkit.com/ https://github.com/barmalei/zebra

Ну и еще есть https://www.ludei.com который позволяет приложение написанное на Canvas - запускать на мобильном девайсе с повышенной производительностью ( что-то вроде PhoneGap для Canvas only )

а зачем канвас? просто svg не устраивает?

а зачем канвас? просто svg не устраивает?

Canvas к примеру быстрее - SVG на мобильном девайсе - 1-2 FPS при 200-300 элементах на экране

это потому что он делает оптимизацию с вьюпортом

но с свг и реактом можно и самому такую оптимизацию делать

но с свг и реактом можно и самому такую оптимизацию делать

еще раз повторю SVG очень медленный - ОЧЕНЬ

( на мобильных девайсах )

Как же рафаэль?

на мобильных все медленно

на мобильных все медленно

кроме Canvas

ну если чувак пишет редактор, мобилки скорее всего не его ца

Ого спасибо не ожидала такого живого респонса . Буду изучать сылки.

а вообще там из года в год все оптимизируют, поэтому я бы беспокойство за свг переложил бы на разработчиков браузеров

было дело, писал редатор на fabric.js, в определенный момент становится очень неудобно

а вообще там из года в год все оптимизируют, поэтому я бы беспокойство за свг переложил бы на разработчиков браузеров

300 элементов 1 FPS - я бы не стал ждать 10 лет :)

было дело, писал редатор на fabric.js, в определенный момент становится очень неудобно

посмотри http://www.zebkit.com/

вчера были проблемы с for (item in object) {}, в сгенерированном коде были проблемы с Symbol, если я правильно помню; причём даже полифильная библиотека не помогла, точнее помогла, но появилась другая ошибка, а гугление этой ошибки показало только открытый баг-репорт в babel от февраля этого года

Бабел вполне корректно всё транспилит. Настрой sourcemaps и отлаживай. Чтобы жить счастливо: https://cdn.polyfill.io/v2/docs/

Нормально все с SVG. Он из коробки многие вещи оптимизирует и местами работает быстрее чем SVG. Но есть ньюансы. А вообще webgl! По сравнению с ним canvas тормозит.

Нормально все с SVG. Он из коробки многие вещи оптимизирует и местами работает быстрее чем SVG. Но есть ньюансы. А вообще webgl! По сравнению с ним canvas тормозит.

>Нормально все с SVG. >Он из коробки многие вещи оптимизирует и местами работает быстрее чем SVG Что?

Быстрее чем канвас

У canvas вроде скорость зависит от площади рендеринга, у svg от количества элементов

В svg ещё играют роль shape-rendering и text-rendering, оптимизирующие качество и скорость рендеринга элемента. Если их оставлять по умолчанию, то понятное дело всё будет тормозить

В SVG удобно один раз задать path, а потом уже трансформациями двигать. В канвасе полигоны работают медленнее, так как требует препроцессинга. Как и линии. Но это не совсем линейные зависимости.

Хочу запилить надстройку над d3, позволяющую на лету переключаться между svg и canvas в зависимости от оптимального варианта. Благо d3 может рендерить исходные данные в оба варианта)

300 элементов 1 FPS - я бы не стал ждать 10 лет :)

Что-то подозрительно мало. Что за элементы были? У меня просто в реальном времени рендерилась вот такая схема, только на 40-50 объектов, там явно больше 300 элементов было. Zoom, move, drag-n-drop, animation, editing

кто сталкивался с таким поведением консоли хрома на определённой странице? как это отключить?

что бы я не ввёл - консоли всё равно)

выглядит как вывод

но это ввод

дима, ты первый))

закрыть открыть?

закрыть открыть?

это на определённой странице) причём в разных браузерах)

да, закрыть-открыть не помогло)

перебили девелопер тулз? так вроде можно сделать.. когда-то натыкался на статью....

попробуй установи фаербаг, чисто для проверить

ну и как вариант http://stackoverflow.com/questions/18655354/google-chrome-developer-tools-has-stopped-logging-output-and-errors-to-the-conso

правда тут акцент что именно в хроме выключена галочка

ну и вот вариант, который может быть ближе к делу http://stackoverflow.com/questions/21692646/how-does-facebook-disable-the-browsers-integrated-developer-tools

галку проверял, она не виновна. что странно - да, после установки файербага консоль заработала

спасибо)

интересно, что это было

магия ;)

нет, вру, после перезагрузки магия исчезла :)

?

печалька

в файербаге дебажится, в стандартной консоли всё как и было ?

ERROR: S client not available

т.е. стандартная консоль не работает, а фаербаг работает?

Pavel: Всем привет. Не знаю даже нубский вопрос или нет. Но спрошу. Скажите а кто что думает о backbone, есть ли смысл пилить на нем сейчас или лучше сразу на реакт/ангуляр все перетащить?

в файербаге дебажится, в стандартной консоли всё как и было ?

ну возможно дело в чем-то таком https://davidwalsh.name/disable-console http://www.queness.com/post/16151/disable-javascript-console-in-browsers

Просто начинаю на проекте и там вроде как часть сделана на бб, но вот стоит ли продолжать или пилить с нуля больше профита, пока еще не решил.

А опыт есть в бб?

Я много писал на бб

И сейчас хочу в реакт)

Потому что нужно реально самостоятельно следить за домом всегда

Нет опыта в бб нет

но тим-лид вроде как за бб, типа уже написано много на нем, смысла нет вроде как начинать с нуля на чем-то другом. и я вот собираю пока аргументы :))

а как ты можешь аргументировать такое заявление?)

типа: тимлид не гони, давай на реакт все перенесем?)

Ну все еще зависит на сколько много всего написано на бб

Так то можно и скрестить, если хочется

>а как ты можешь аргументировать такое заявление?) ^)))

Не ну собрать побольше аргуметов против и тогда вот выложить

Пожскажите как им пользоваться

Куда сохраняет нажатые клавиши?

Этот кейлогер в js не шарю :(

на портал <your url to accept string here>

Я указал на денвере путь нечего не произошло

Keylog.ru/?s=

врядли

а ты надеешься что что произойдет?

Как его запустить то?

format c:\ # %путь к файлу%

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

Как его запустить то?

не надо его запускать, он работает уже

format c:\ # %путь к файлу%

отличный совет =)