Отрисовка всего веб-приложения через canvas

Так вроде же гном умеет в браузер (мопед не мой).

Сделай выделение текста мышкой на канвасе.

тебе туда -> http://rsdn.org/forum/flame.comp/7591650.all

Не буду оригинален: зависит от сложности и вида приложения.

А чем же ты объекты канваса дёргать будешь? Их же состояние будет меняться подобно обычному DOM дереву

гном умеет

у него свой собственный недодом

Во-первых, текст с канваса поисковые системы видеть не будут. Во-вторых, тебе ж по сути придется всю логику работы браузера с DOM повторить. Всякие обработчики нажатий, выделения текста и т.п. И не факт, что это будет работать быстрее и меньше жрать память.

Но если всё управление рендером отдать приложению для формирования на canvas'е

И у тебя будет браузер в браузере.

Ты придумал Flash. Щас говном закидают

Canvas разве не придумывался для замены Flash?

Зачем поисковым системам видеть текст приложения? Тогда же лучше статическую страницу составить или заставить сервер управлять содержанием.

a11y на нуле и слишком много всего велосипедить.

может ли это уменьшить потребление ресурсов приложением

А ты уверен, что твоему приложению это нужно?

Скорее как 2D OpenGL. Во Flash много всего внедрено, начиная от кодеков, заканчивая движком растрирования вектора и анимации, сетевых протоколов и т.п. а в замен дали какой-то куцый opengl

Что-то типа Flutter только для десктопа?

https://ru.wikipedia.org/wiki/Flutter_(SDK)

См. GWT, например.

А у сайтов не бывает контента, по которым их можно искать в поисковых системах? Для этого и нужно, чтобы пс видели текст приложения. Вот запилил ты сложный интернет-магаз, например. В нем названия товаров, описания и т.п. поисковые системы должны видеть. Если нарисуешь на canvas, то поисковые краулеры не увидят этот текст - и про поисковый трафик можно забыть. Можно, конечно, делать часть страницы на canvas, а часть через обычный html (где, собственно, и размещать тексты, которые поисковики должны видеть), но это геморрой уже какой-то.

А у сайтов

О сайтах речь не идёт.

Пишут, что сейчас WASM существует, и пишут о каких-то версиях. Доступа к DOM у него нет. Что выходит, WASM будет работать как Java-апплеты, в отдельной рамке на странице? Какая последняя версия у WASMа?

Такая идея уже давно приходила в голову людям и была расценена как анти-паттерн: HTML Living Standard - 4.12.5.1.22 Best practices:

Authors should avoid implementing text editing controls using the canvas element. Doing so has a large number of disadvantages:

• Mouse placement of the caret has to be reimplemented.
• Keyboard movement of the caret has to be reimplemented (possibly across lines, for multiline text input).
• Scrolling of the text control has to be implemented (horizontally for long lines, vertically for multiline input).
• Native features such as copy-and-paste have to be reimplemented.
• Native features such as spell-checking have to be reimplemented.
• Native features such as drag-and-drop have to be reimplemented.
• Native features such as page-wide text search have to be reimplemented.
• Native features specific to the user, for example custom text services, have to be reimplemented. This is close to impossible since each user might have different services installed, and there is an unbounded set of possible such services.
• Bidirectional text editing has to be reimplemented.
• For multiline text editing, line wrapping has to be implemented for all relevant languages.
• Text selection has to be reimplemented.
• Dragging of bidirectional text selections has to be reimplemented.
• Platform-native keyboard shortcuts have to be reimplemented.
• Platform-native input method editors (IMEs) have to be reimplemented.
• Undo and redo functionality has to be reimplemented.
• Accessibility features such as magnification following the caret or selection have to be reimplemented.

This is a huge amount of work, and authors are most strongly encouraged to avoid doing any of it by instead using the input element, the textarea element, or the contenteditable attribute.

Как выше упомянули в GTK 3+ есть broadway backend, который умеет рендерить в canvas. Но реализация при этом нативная и работает вне браузера через websocket.

WASM'у нужно функции через js прибиндить, или что то типа того. Короче DOM можно с помощью него изменять. https://github.com/mbasso/asm-dom

Сделай выделение текста мышкой на канвасе.

В этом нет ничего сложного. Большинство текстовых редакторов не используют существующие контролы для работы с текстом, а рисуют свой «канвас» на основе чего-либо быстродействующего типа OpenGL и там уже реализуют свою работу с текстом и мышью.

Пишут, что сейчас WASM существует

Миллениалы изобрели апплеты, да.

Так апплеты зарывали со словами «они брешь в безопасности, могут исполнять произвольный код» и т.п., Flash тоже из-за безопасности зарывали.

Что же случилось в этот раз, что WASM крут и «наше будущее»? Хотя, получается, что они не лучше апплетов.

Вот тебе пример такого приложения https://makepad.github.io/

Все отрисовано на канвасе

Firefox, запущенный сразу после старта, увеличил своё потребление где-то не больше чем на десять мегабайт. Наверно, неплохо, для виртуальной машины в 200 мегабайт на старте.

В WASM просто обмазываются этой безобасностью. Два больших мешка безопасности уже набралось

https://hacks.mozilla.org/2019/11/announcing-the-bytecode-alliance/

Будь готов, что пользователи твоего «приложения» будут желать тебе мозга рака каждые пять минут.

А вот и пример реализации кастомного интерфейсного компонента на Flutter.

https://habr.com/en/post/478258/

Что? Офигеть да canvas почти никакого отношения не имеет к flash

Тем не менее поисковые системы в частности гугл как то «выковыривают» текст из swf файлов во флеш и индексируют. Но только если текст как текст а не как картинка. В silverlight как то также.

Так canvas это часть html5. А в html5 тоже много всего - кодеки, вебсокеты, svg (ну он и до html5 был)

онлиофис так и работает. И гораздо лучше гуглодоков.

На мобильнике с последним FF отображает статичную картинку, не реагирующую на нажатия. На смену ориентации реагирует черным экраном.

Пишите с помощью нормального HTML5, пожалуйста.

Тут есть один специалист по твоему вопросу.

Он на канве круги рисует.

Замечательно, я скажу, рисует.

До сих пор никто их не видел.

Отличный способ сделать веб хуже в той ситуации, когда кажется, что хуже уже некуда.

плюсую