Существуют ли какие-либо рамки пользовательского интерфейса HTML5, которые визуализируются на холст вместо элементов HTML? - PullRequest
11 голосов
/ 21 октября 2011

Я понимаю, что некоторые люди думают, что это безумие - повторно реализовывать все функциональные возможности пользовательского интерфейса HTML в рамках на основе canvas (и есть некоторые вопросы о стекопереработке, которые предлагают это), но действительно ли кто-нибудь работает с такой библиотекой, как эта?

Чтобы уточнить, библиотека напрямую отображает все элементы пользовательского интерфейса, такие как поля редактирования, метки, кнопки, поля со списком, представления списка и т. Д. На холсте.Там не было бы HTML или CSS.

Ответы [ 3 ]

9 голосов
/ 26 марта 2014

Я наткнулся на эту идею сегодня. Нашел библиотеку Зебра. Еще не попробовал.

http://www.zebkit.com

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

Нам нужно что-то вроде Silverlight, но без плагина. Стабильные компоненты и отличный каркас.

Приложения Canvas можно сделать такими же доступными, как и веб-приложения html. Вероятно, даже более того.

Возможно, WebGL даже лучше, его производительность определенно лучше, чем у Canvas, если все сделано правильно.

2 голосов
/ 24 июня 2014

Я только что просмотрел zebkit.com сегодня. Удивительный и абсолютно не сумасшедший, скорее необходимый. Попробуйте запустить большинство деревьев DOM-узлов на мобильном устройстве, и вы скоро узнаете, что это правда. Тогда, напротив, запустите демо-версию кухонной раковины Zebkit и будьте шокированы. Возможно, вам придется пересмотреть подход ваших проектов.

Переход с Java на HTML5 Я определенно вижу приятную ООП в игре в Zebkit API, она необходима для того, чтобы предоставить простому холсту некоторую мощную структуру. Также мне очень нравится поддержка JSON, она во многом похожа на CSS-формат для canvas. Использование JSON таким образом хорошо вписывается в мышление веб-компонента и практичность HTML-частичек. В этом API много вкусностей.

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

2 голосов
/ 21 октября 2011

Thunderhead был экспериментом Mozilla, построенным вместе с bespin (теперь - скайрайтер).

Из описания проекта:

Thunderhead - это эксперимент Mozilla Labs по изучению JavaScript. GUI инструментарий, который работает с элементами DOM и холстом для рендеринга компоненты.

Проблема в доступности, а в canvas нет.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...