快捷搜索:  汽车  科技

html5的三个基本技术(HTML5开发技术介绍)

html5的三个基本技术(HTML5开发技术介绍)SVG 可在图像质量不下降的情况下被放大SVG 图像可在任何的分辨率下被高质量地打印SVG 图像可通过文本编辑器来创建和修改SVG 图像可被搜索、索引、脚本化或压缩SVG 是可伸缩的

html5的三个基本技术(HTML5开发技术介绍)(1)

下面分HTML5技术简介、2D开发、3D开发、WebSocket、WebRTC开发、应用示例几方面进行介绍。

html5的三个基本技术(HTML5开发技术介绍)(2)

html5的三个基本技术(HTML5开发技术介绍)(3)

为了更好地处理今天的互联网应用,HTML5添加了很多新元素及功能,比如: 图形的绘制,多媒体内容,更好的页面结构,更好的形式处理,和几个api拖放元素,定位,包括网页应用程序缓存,存储,网络工作者等。

html5的三个基本技术(HTML5开发技术介绍)(4)

html5的三个基本技术(HTML5开发技术介绍)(5)

SVG 的优势

与其他图像格式相比(比如 JPEG 和 GIF),使用 SVG 的优势在于:

SVG 图像可通过文本编辑器来创建和修改

SVG 图像可被搜索、索引、脚本化或压缩

SVG 是可伸缩的

SVG 图像可在任何的分辨率下被高质量地打印

SVG 可在图像质量不下降的情况下被放大

html5的三个基本技术(HTML5开发技术介绍)(6)

Fabric.js 是一个简单而强大的 JavaScript Canvas 库,在 HTML5 Canvas 元素之上提供了互动的对象模型。使用 Fabric.js 你可以创建和填充画布上的对象,从简单的几何图形到成百上千路径组成的复杂图形。你可以通过鼠标轻松的移动、缩放和旋转这些对象,修改它们的属性(颜色、透明度,层叠顺序)等等。

html5的三个基本技术(HTML5开发技术介绍)(7)

html5的三个基本技术(HTML5开发技术介绍)(8)

CreateJS http://createjs.com/是一套可以构建丰富交互体验的 HTML5 游戏的开源工具包,旨在降低 HTML5 项目的开发难度和成本,让开发者以熟悉的方式打造更具现代感的网络交互体验。

html5的三个基本技术(HTML5开发技术介绍)(9)

html5的三个基本技术(HTML5开发技术介绍)(10)

html5的三个基本技术(HTML5开发技术介绍)(11)

html5的三个基本技术(HTML5开发技术介绍)(12)

html5的三个基本技术(HTML5开发技术介绍)(13)

html5的三个基本技术(HTML5开发技术介绍)(14)

html5的三个基本技术(HTML5开发技术介绍)(15)

html5的三个基本技术(HTML5开发技术介绍)(16)

html5的三个基本技术(HTML5开发技术介绍)(17)

html5的三个基本技术(HTML5开发技术介绍)(18)

html5的三个基本技术(HTML5开发技术介绍)(19)

html5的三个基本技术(HTML5开发技术介绍)(20)

html5的三个基本技术(HTML5开发技术介绍)(21)

html5的三个基本技术(HTML5开发技术介绍)(22)

html5的三个基本技术(HTML5开发技术介绍)(23)

html5的三个基本技术(HTML5开发技术介绍)(24)

html5的三个基本技术(HTML5开发技术介绍)(25)

html5的三个基本技术(HTML5开发技术介绍)(26)

html5的三个基本技术(HTML5开发技术介绍)(27)

html5的三个基本技术(HTML5开发技术介绍)(28)

html5的三个基本技术(HTML5开发技术介绍)(29)

html5的三个基本技术(HTML5开发技术介绍)(30)

html5的三个基本技术(HTML5开发技术介绍)(31)

html5的三个基本技术(HTML5开发技术介绍)(32)

html5的三个基本技术(HTML5开发技术介绍)(33)

html5的三个基本技术(HTML5开发技术介绍)(34)

html5的三个基本技术(HTML5开发技术介绍)(35)

html5的三个基本技术(HTML5开发技术介绍)(36)

html5的三个基本技术(HTML5开发技术介绍)(37)

猜您喜欢: