[互联网]HTML5.ppt
《[互联网]HTML5.ppt》由会员分享,可在线阅读,更多相关《[互联网]HTML5.ppt(71页珍藏版)》请在三一文库上搜索。
1、Something about HTML5 Zhang Long(张龙) http:/ 2010-10-30 Content Introduction New features Canvas/SVG Video Geolocation App cache rect.style.fill = green; rect.onclick = function() alert(hello); Canvas API JavaScript API (“Scriptable Image Tag“) var canvas = document.getElementById(myCanvas); var ctx
2、= canvas.getContext(2d); ctx.fillStyle = “rgb(200,0,0)“; ctx.fillRect (10, 10, 55, 50); ctx.fillStyle = “rgba(0, 0, 200, 0.5)“; ctx.fillRect (30, 30, 55, 50); canvas and SVG demos SVG (http:/ Canvas (http:/ When Canvas or SVG? SVG - High level Import/Export Easy UIs Interactive Medium Animation Tree
3、 of objects Canvas - Low level No mouse interaction High Animation JS Centric More Bookkeeping Pixels HTML 5 Support New features Video is Complicated, and Outside Your Control Video is Complicated, and Outside Your Control / HTML 5 makes as easy as Multiple Files v.play(); video demos Basic Player
4、(http:/ HTML 5 Support New features Lifes Better with Location .And Browsers Are Now Location-Enabled .And Browsers Are Now Location-Enabled / the geolocation api brings browserbased location to your apps Geolocation Sample navigator.geolocation.getCurrentPosition( function(position) var lat = posit
5、ion.coords.latitude; var lon = position.coords.longitude; showLocation(lat, lon); ); geolocation demos Google Map (http:/ ml) HTML 5 Support New features Web Apps Need to Work Everywhere Web Apps Need to Work Everywhere / database and app cache store user data and app resources locally App Cache Lis
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 互联网 HTML5
链接地址:https://www.31doc.com/p-1998391.html