原创力文档- 1、原创力文档（book118）网站文档一经付费（服务费），不意味着购买了该文档的版权，仅供个人/单位学习、研究之用，不得用于商业用途，未经授权，严禁复制、发行、汇编、翻译或者网络传播等，侵权必究。。
- 2、本站所有内容均由合作方或网友上传，本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺！文档内容仅供研究参考，付费前请自行鉴别。如您付费，意味着您自己接受本站规则且自行承担风险，本站不退款、不进行额外附加服务；查看《如何避免下载的几个坑》。如果您已付费下载过本站文档，您可以点击 这里二次下载。
- 3、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等，请点击“版权申诉”（推荐），也可以打举报电话：400-050-0827(电话支持时间：9:00-18:30)。
- 4、该文档为VIP文档，如果想要下载，成为VIP会员后，下载免费。
- 5、成为VIP后，下载本文档将扣除1次下载权益。下载后，不支持退款、换文档。如有疑问请联系我们。
- 6、成为VIP后，您将拥有八大权益，权益包括：VIP文档下载权益、阅读免打扰、文档格式转换、高级专利检索、专属身份标志、高级客服、多端互通、版权登记。
- 7、VIP文档为合作方或网友上传，每下载1次， 网站将根据用户上传文档的质量评分、类型等，对文档贡献者给予高额补贴、流量扶持。如果你也想贡献VIP文档。上传文档
查看更多
新技术NFC与HTML5
桌面通知 (Notifications) 通过桌面通知系统，网站可以在用户桌面弹出一条通知，无论用户是否浏览当前网页，甚至最小化了浏览器，通知均可到达用户桌面。 if (window.webkitNotifications.checkPermission() == 0) { var title = 领跑HTML5支持 傲游升级自主内核, text = 桌面通知时HTML5的独门秘籍; window.webkitNotifications.createNotification(, title, text).show(); } 多媒体 音频和视频 (Audio + Video) Audio和Video是首批添加到HTML规范中的标签。它们的加入使得我们可以像插入图片一样来处理音频及视频文件。 audio src=sound.mp3 controls/audio video src=movie.webm autoplay controls/video 三维、图形与特效 Canvas 画布元素 传统的网页，总是使用GIF或者JPEG来显示图像，这种图形是需要事先画好的“静态”的图像。而Canvas，则是用Javascript的一种绘图手段。 可以用它来画图、合成图象、或做简单的(和不那么简单的)动画。 canvas id=canvas width=300 height=300/canvas script var ctx = document.getElementById(canvas).getContext(2d); ctx.fillRect(20, 25, 150, 100); ctx.beginPath(); ctx.arc(220, 110, 100, Math.PI * 1/2, Math.PI * 3/2); ctx.lineWidth = 15; ctx.lineCap = round; ctx.strokeStyle = rgba(255, 127, 0, 0.5); ctx.stroke(); /script WebGL WebGL是一种3D绘图标准，有别于过往需加装浏览器插件，透过WebGL的技术，只需要编写网页代码即可实现3D图像的展示。 WebGL完美地解决了现有的Web交互式三维动画的两个问题： 第一，它通过HTML脚本本身实现Web交互式三维动画的制作，无需任何浏览器插件支持； 第二，它利用底层的图形硬件加速功能进行的图形渲染，是通过统一的、标准的、跨平台的OpenGL接口实现的。 性能与集成 XMLHttpRequest 2 作为XMLHttpRequest的改进版，XMLHttpRequest Level 2在功能上有了很大的改进。支持跨源XMLHttpRequest和进度事件（Progress events）。 计算上传进度： xhr.upload.addEventListener(progress, function (e) { var pc = parseInt(100 –(e.loaded / e.total * 100)); progress.style.backgroundPosition = pc + %; } CSS3 颜色 (Color) 透明度： opacity: 0.1; opacity: 0.5; opacity: 0.9; RGBA色彩模式： color: rgba(255, 0, 0, 0.75); PS: RGBA是在RGB的基础上多了控制alpha透明度的参数。 HSL色彩模式： color: hsl(0, 100%, 50%); PS: HSL色彩模式是工业界的一种颜色标准，HSL分别代表色调，饱和度，亮度三个通道。 文本 (Text) 文本阴影： text-shadow: 0 0 20px #fefcc9, 10px -10px 30px #feec85, -20px -20px 40px #ffae34, 20px -40px 50px #ec760c, -20px -60px 60px #cd4606, 0 -80px 70px #973716, 10px -90px 80px #451b0e; 省略标记： text-overflow: ellipsis; PS: 需配合 white-space: nowrap;overflow: hidden; 一起使用。 变形 (Transforms) transform:
文档评论（0）