HTML5 Javascript库

10

我正在寻找用于HTML5开发的JavaScript库。

请每个答案仅发布一个库,并不要忘记对其进行描述。


4
由于没有确定的答案,这篇文章应该标记为社区维基。编辑您的帖子并选择“社区维基”复选框即可。 - BalusC
12个回答

10

Modernizr 是检测浏览器支持哪些HTML5功能的最佳方法。


8
"Processing.js 是一种开放的编程语言,适用于希望在Web上编写图像、动画和交互而不使用Flash或Java小程序的人们。 Processing.js 使用Javascript在HTML5 Canvas元素上绘制形状和操作图像。 代码轻巧,易于学习,是可视化数据、创建用户界面和开发基于Web的游戏的理想工具。"

我不认为Processing是OP所寻找的,但它是一个不错的参考。 - Pointy
其实我认为是这样的。无论如何,投票已经开始了 ;) - John Nilsson
@Pointy:回答者就是OP,注意蓝色的框框 ;) - BalusC
哦,你说得对!!!我猜我是傻瓜。不过我的观点是HTML5不仅仅只有“canvas”标签!! - Pointy

3

Raphaël的目标是提供一个适配器,使得绘制矢量图形在不同浏览器上兼容且容易实现。


3

我将发布关于Easel.js及其兄弟库的文章。它们都来自同一位开发者GSkinner,因此我会发布所有相关库。我只是稍微使用了一下Easel,但其他库看起来很有前途。我会发布它们的URL和描述:

Easel.js

HTML5中的新Canvas元素非常强大,但是使用起来可能会很困难。它没有内部离散显示元素的概念,因此需要手动管理更新。Easel Javascript库为Canvas提供了保留图形模式,包括完整的分层显示列表、核心交互模型和辅助类,使得使用Canvas变得更加容易。
它支持TweenJS TweenJS为在Javascript中创建复杂序列动画提供了极其简单的API。它包含基本(实验性)支持样式表的功能。
还支持SoundJS HTML中的音频很有前途,但是使用起来可能会相当困难。每个浏览器都有类似但不同的方法,这需要进行很多猜测和测试,并且边缘情况可能会增加很多时间。SoundJS JavaScript库提供了一个简单的API和一些强大的功能,使得处理音频变得轻而易举。
还有Zoë Zoë(来自Zoetrope)是一款开源应用程序,适用于OSX或Windows系统,可提供一种简单的方法将Flash动画导出为精灵图集,以便与EaselJS和HTML5一起使用。只需将SWF文件拖放到应用程序中,它将扫描主时间轴以查找帧标签和尺寸。您可以调整帧边界、编辑设置,然后导出一个精灵图表图像和EaselJS代码,定义一个基于时间轴标签的帧数据的SpriteSheet实例。SWFs应该在主时间轴上具有所有动画,其中帧标签表示动画的开始。嵌套图形也可以。我没有使用过它们全部,但似乎非常有趣=)

2

html5sql 是一个轻量级的 JavaScript 模块,使得使用 HTML5 Web 数据库变得更加容易。它的主要功能是为单个事务内的 SQL 语句连续处理提供结构。


1

看看RGraph。

可在http://www.rgraph.net/获取。

完整的HTML5图表集。

非商业用途免费,否则价格为49英镑。


1

1

我找到的唯一一个是html5widgets

我本以为会有几个竞争库。

但它确实实现了大部分新的HTML 5表单功能,这正是我关心的...


1

我使用Perkins HTML5+CSS3框架,它自称:

我是一个旨在让设计师和开发人员的生活变得更轻松的框架。我使用最新的Web标准,也就是HTML5和CSS3。为了更好地利用并避免重复,我基于LESS.js构建,这意味着您可以忘记一些专有浏览器前缀。此外,我还携带了许多预加载的基本样式、mixin、helpers、透明纹理和@font-face驱动的图标集。如果HTML是您的热情所在,我可以帮助您使用动态网格快速制作线框图,该网格基于Tyler Tate的1kb CSS Grid,已经包含在perkins.config.less文件中,并且可以配置许多其他选项。


0

RoCanvas.js

创建交互式绘图板,让用户在您的网站上进行绘画(可以用于头像,或更好的用于协作项目、学习等)


网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接