问题 是否有任何HTML5 UI框架渲染到画布而不是使用HTML元素?


我意识到有些人认为在基于画布的框架中重新实现HTML的所有UI功能是疯狂的(并且有一些stackoverflow问题暗示这一点),但是有人真正在这样的库上工作吗?

为了澄清,库将直接在画布上呈现所有UI元素,如编辑框,标签,按钮,组合框,列表视图等。没有HTML或CSS。


11237
2017-10-21 01:27


起源

这确实很疯狂。它必须重新实现一切,甚至超越控件本身:文本输入,文本选择等。 - Variant
不再那么疯狂了,是吗? :-) zebkit.com - MindJuice


答案:


我今天偶然发现了这个想法。找到了Zebra图书馆。尚未尝试过。

http://www.zebkit.com

对于网络应用程序,我认为这非常有意义。 HTML / CSS不足以轻松创建稳定的应用程序。 DOM和布局过于古怪,性能太低。

我们需要的是像Silverlight但没有插件。稳定的组件和一个伟大的框架。

Canvas应用程序可以像html Web应用程序一样可访问。甚至可能更加平坦。

也许WebGL更好,如果做得好,它的性能肯定比Canvas好。


9
2018-03-26 08:40



是!这个! Zebkit看起来很神奇!打算尝试一下我正在研究的项目。谢谢发帖! - MindJuice


积雨云 是一个与bespin(现在的skywriter)一起建立的mozilla实验。

从项目描述:

Thunderhead是Mozilla Labs实验,旨在探索基于JavaScript的实验   GUI工具包,用于处理DOM元素和画布   组件。

问题是可访问性,画布不是。


2
2017-10-21 01:43



考虑更多,我认为处理所有这些的.js文件的大小也会失控。这就像在每个页面上下载整个浏览器,除非它被正确缓存。 - MindJuice
如果打包在混合移动应用程序中,下载部分将不会成为问题。我们将摆脱大多数荒谬的浏览器差异。我们可以停止使用HTML / CSS制作应用程序。让我们终于面对它了。 HTML / CSS用于创建语义文档,而不是应用程序。 - oldwizard
@MindJuice在每个页面上加载浏览器?这绝对不是推荐用于现代网络“app”。 :) - trusktr


我今天刚刚回顾了zebkit.com。惊人的,绝对不是疯了,相当重要。尝试在移动设备上运行大多数DOM节点树,您很快就会知道这是真的。然后相比之下运行Zebkit厨房水槽演示并感到震惊。您可能不得不重新考虑您的项目方法。

从Java到HTML5我肯定会在Zebkit API中看到一些不错的OOP,它需要为简单的画布提供一些强大的结构。我也非常喜欢JSON支持,它的作用就像画布的CSS格式。使用JSON这种方式非常适合Web组件思维模式和HTML部分的实用性。这个API有很多好东西。

最后,为Web生成图形的所有方法都会渲染像素。也许我们刚刚在我们要生成的逻辑和最终屏幕之间添加了很多抽象来实现这个事实。使用Zebkit,感觉就像你几乎在本机级别工作,再加上Javascript和JSON的所有优点,确实很甜。另外,您可以根据需要随意混合和匹配DOM。


2
2018-06-24 09:00