什么是 API？ 应用程序编程接口 是编程指令集合和访问软件应用程序的标准。通过一个 API，您可以利用 API 提供的服务设计出强大的产品。 HTML5 提供了一些新的 API。例如： 用于渲染图形或其他可视图像的新 canvas 元素所使用的 2D 绘图 API 支持离线 Web 应用程序的缓存 API 使用新 video 和 audio 元素来播放视频和音频的 API 支持浏览历史访问和添加页面的历史 API draggable 属性支持的拖放 API contenteditable 属性支持的编辑 API 使用 JavaScript API 进行键-值对存储的客户端存储及嵌入式 SQL 数据库 本文主要关注于两个 API：Geolocation 和 Web Worker。首先，本文将分析 API；然后，再创建一个使用这两种 API 的页面。 商机无处不在：Geolocation 您可以使用 Geolocation API 来确定和分享地理位置。这个 API 会返回经度和纬度坐标 — 企业可以利用这些信息向这个坐标附近的区域提供服务。这些服务一般指的是基于位置的服务 (LBS)。 LBS 指的是用于确定所监控设备的物理位置的地理数据源，因此也可以确定该位置的人们。这个功能最有趣的地方是它使人们能够围绕某些关注的地理位置点周围的市场进行交互。 企业实际上是为客户创造优质、实用的服务和价值，同时为利益干系人、债权人、股东、员工和供应商创造经济和财务效益。由 Geolocation 支持的 LBS 能够使用非浏览器设备或浏览器来简化对货物或人的追踪和监控。在商业应用上，地理位置指的是利用地理信息来确定人或事的位置，然后将这些信息销售给任何需要使用这些信息的人， 他们可能利用这个位置信息来进行社交活动、商业应用或其他用途，前提是这些信息的拥有者已经授权使用这些信息。 如何获取地理信息 Geolocation API 是基于新增加的全局对象 navigator：navigator.geolocation。JavaScript 对象 navigator 包含了很有用的有关访问者的浏览器和系统的信息。Geolocation 可以使用 IP 地址、基于 Web 的数据库、无线网络连接和三角测量或 GPS 技术来确定经度和纬度。一定要注意 Geolocation 所提供信息的精确性会由于获取信息的方式不同而有所差别。有时候，您可能无法精确地读取某些位置的地理信息，甚至完全无法读取。 脚本可以使用 navigator.geolocation 对象来确定用户所使用设备的位置信息。在获得了位置信息之后，脚本会基于所获得的数据创建和生成一个位置对象。 navigator.geolocation 对象具有 […]
View DetailsHTML5 作者集设计者和开发者于一身，他们的主要任务就是构建高效的丰富 Internet 应用程序 (RIA)，尤其是富 UI。我所说的高效 是指进行系统的、全面的改进，以数字的方式为站点所有者、所有者代理和站点使用者之间的对话提供便利。 RIA 是满足用户体验的本源和工具，因此也是任何以网络为中心的成功企业的关键组成部分。实质上，以网络为中心的活动在某种程度上是协作性的活动。当机构想在各个级别（包括市场营销和管理）上取得成功时，实现数字协作的成功方法至关重要。站点的成功主要取决于站点满足访问用户的质量要求的效率。 如您所见，HTML5 是专门为实现具有跨平台功能、融合电信、统一语言、广泛计算和开源系统的协作式 “网络世界” 而量身定制的。本系列的前 3 篇文章主要关注语义、适合的编码方法、输入在关键转换过程中所扮演的角色以及站点管理的最佳实践，所有这些都是为创建有组织的、符合逻辑的 RIA 打下基础。贯穿每篇文章共同线索是丰富用户体验的创建和管理对于实现站点所有者的代理目标的重要性。HTML5 Canvas 在开发高效 RIA 的过程中扮演重要角色。 常用缩略语 2D：二维 Ajax：异步 JavaScript + XML API：应用编程接口 HTML：超文本标记语言 HTML5：HTML 版本 5 UI：用户界面 什么是 Canvas？ HTML5 Canvas 是一个极其有用的绘制和动画元素。Canvas 使用 JavaScript 直接在页面上绘制图形。Canvas 能够定义和控制矩形区域，并允许以动态方式或通过脚本呈现 2D 形状和位图。 对于生成能够增强 UI、图表、相册、图形、动画和嵌入式绘制应用程序的出色视觉材料而言，HTML5 Canvas 非常完美。Canvas 元素可以通过几种方法来绘制路径、矩形、圆形和字符。 Canvas 坐标 在画布上进行绘制的前提条件是熟悉网格和坐标空间。空间区域的长度和宽度的单位为像素。用户可以围绕 x 和 y 坐标构建画布。当坐标为x=0, y=0 时，画布位于左上角。 矩形画布区域的默认宽度为 300 像素，高度为 150 像素，但您可以通过修改这两个属性来获得所需的画布大小。图 1 显示了如何实现 x 和 y 坐标。 图 1. 画布坐标 图 1 显示了长宽都为 100 像素的画布区域： 左上角的坐标为 x=0, y=0。 x 值在水平方向增加，而 y 值在垂直方向增加。 右下角的坐标为 x=100, y=100。 中心点的坐标为 […]
View Details