设为首页 加入收藏

TOP

用HTML5+Javascript在浏览器上制作PPT
2014-11-24 14:16:46 来源: 作者: 【 】 浏览:0
Tags:HTML5 Javascript 浏览器 制作 PPT

Html5最近在IT领域有些热,在Google、Adobe与Microsoft等大公司间掀起了一些风波。关于HTML5之热,有可能只是噱头,但也有可能真是一次Web的技术革命。它或许真的能让网页回归到桌面应用程序,而浏览器是平台。


对于将来的互联网,不知道大家有没有这种设想:网页好比现在桌面上的应用程序,浏览器就像windows等操作系统,那么将来的PC机制需要浏览器和存储设备等基础应用程序和设备,PC用户可以通过网页像服务器请求下载相应的应用程序甚至直接在服务器端运行再返回结果到客户端。


本人最近需要做一个presentation,关于HTML5的新特性和应用前景的。本来打算用Powerpoint,但是为了展现HTML5实际的图形界面能力,我们组决定直接用HTML5写一个应用程序在浏览器中运行,实现PPT的效果,由于制作的时间只有三天,总共也有五六百行代码,所以做的比较粗超了,虽然不如Powerpoint专业和强大,但是作为自己团队的第一次尝试还是小有成就感的,也希望大家指正。以下可以粗略的讲解一下。这是程序的主界面。



演示时基本与PPT一致,通过按方向键控制内容的显示。其中左边用于显示文本内容,右边Frame用于显示图片、游戏、超链接等辅助性内容,其中演示过程也包括一些特效,如逐渐显示、文字阴影、颜色渐变等等。


对于每个即将显示的内容,可以创建一个对象:


这样为每个对象创建一个对象之后需要事先赋值和初始化,例如:


这是脚本,演示区域需要一个标签创建一个画布:


<canvas id="first" width=600 height=600 style="border:1px solid black;">canvas>


通过ID获得这个画布就比较简单不重复了。 以下介绍几个特效,第一个是阴影文字:



】【打印繁体】【投稿】【收藏】 【推荐】【举报】【评论】 【关闭】 【返回顶部
分享到: 
上一篇Android组件之Radio与CheckBox 下一篇Java 删除文件夹的办法

评论

帐  号: 密码: (新用户注册)
验 证 码:
表  情:
内  容: