如果HTML5是未成熟的APP应用程序,则某些很棒的APP应用程序(如流播放)必须使用第三方软件(如Flash )才能实现。 但是,目前HTML5已经超越了它,不仅可以播放视频和音频,还可以定位地理位置、离线存储、拖放&; 可以开发各种web在线APP应用程序,包括拖放、图像处理等。 在这篇文章中,我们来看看最近使用海外HTML5开发的网站。 请注意,您需要一个支持HTML5的浏览器。
一.处理图像
URL:http://radikal FX.com/files/collage/demo.html
该网站使用HTML5的Canvas元素创建图层列表。 从图库中选择并添加图像时,将创建新图层。 每个图层都可以通过移动、缩放、旋转、上下更改图层、删除图层、更改透明度、更改混合模式以及投射有效或无效的图像等操作来创建图像。
二.图片编辑
URL:http://www.aviary.com/html 5编辑器
百鸟居的HTML5图像编辑器非常方便快捷,可以说是在线图像编辑的创新。 通过简单的上传和点击,任何人都可以在互联网上编辑美丽的图像,通过多层操作执行简单的图层合并、单层编辑等功能。
三.待办事宜
URL:http://10 k.an event apart.com/uploads/58 /
5List是使用HTML5、CSS3和JavaScript创建的记事本,利用了HTML5(包括本地存储)的功能,并具有客户端数据库存储功能。 5List允许用户将用户发送的待办事宜数据保存在用户的本地计算机上。
四.拖动图片上传
URL:http://demos.hacks.Mozilla.org/open web/image uploader /
使用该HTML5开发的图像上传功能通过了Mozilla的Firefox3.6的测试,发现Firefox3.6支持HTML5的部分功能。 支持将图像直接拖动到浏览器中上传。
五、谷歌吃豆子
URL:http://html5games.net/game /谷歌- pacman /
这是为了纪念谷哥吃豆游戏30周年,把网站的首页变成了这个游戏标志! 据说这个游戏255关,包括最后一关!
六.表格
URL:http://think vitamin.com/code/fun-with-html5- forms /
使用HTML5开发的非常有用的表单示例代码。 它包含常见的表单操作,可用于某些领域,如网页和手机网页,如验证所需的表单域、字段占位符、日期选择器和电子邮件验证。
七.图表
URL:http://www.humblesoftware.com/finance/index
HumbleFinance是使用HTML5开发的数据可视化工具。 例如,使用HTML5进行交互式数据图形演示,可以显示任意两个数据集:2-D。
八.在线幻灯片制作
URL:http://10 k.an event apart.com/uploads/143 /
本幻灯片显示了HTML5的本地存储和内容编辑功能,并使用了非常丰富的APP应用程序。 简单的操作界面,利用CSS3的功能,同时减小文件大小。 支持将内容“自动保存”到本地,可以添加、减少和更改主题
九.网上绘图
URL:http://muro.deviantart.com/
MURO是纯HTML5开发的在线绘图工具,有基本和专业两种模式,可以免费使用。 MURO的支持效果包括滤镜、锐化工具和画笔,所有操作都在直观、简单的界面中完成,易于使用。
十.地理位置
URL:http://studio.html5rocks.com/# geolocation
此web APP应用程序会自动检测您的位置,并使用谷歌地图返回附近的就业信息。 但是,请注意,您需要共享浏览器的地址信息。