H5开发常见功能应用讲解
来源：www.dyid168.com
作者：敢想数字
时间：2018-04-26
H5开发常见功能应用讲解
在日常生活中，实际上我们的身边都有着H5的“身影”，H5的应用间接性创造了很多前所未有的事物。重力感应、地理位置、人脸识别、单屏互动、裁剪变形在H5应用中是常见的几项功能，在众多的APP软件开发过程中也会有所涉及。H5开发常见功能应用讲解：
H5+重力感应
H5+重力感应交互在体感游戏中比较常见，如赛车游戏、跑酷游戏、纯重力感应游戏等，H5的视差效果能让画面更加丰富，层次感更加强烈，视觉效果更加震撼。
H5+地理位置
结合用户所处的位置，可以提供比较方便的周边生活服务，如查查找公交位置、目的地公交路线、附近目的地等，在办公室里也可以用于替代打卡机、外勤人员工作进展监测等。
H5+人脸识别
简单来说就是人脸和H5的互动，如通过人脸猜测人的年龄、匹配程度等，同时运用H5也可根据人脸的动作作出反馈（如张嘴、眨眼睛、面部表情拍照）等，这项功能通常和AR合成技术搭配使用。
H5+单屏互动
类似人脸识别的交互形式，通常可以理解为幻灯片的一种效果展示。如几个页面的内容都是满屏状态时，随着用户的翻滚，屏幕也会随之变动。同时，应用H5可以加上转黄的动画，例如渐入渐出、翻滚变换等，使得页面更加生动不单调，也可以加上重力感应，让手机在转动时产生视差效果。
H5+裁剪与变形
css的clip-path和svg的clipPath方法可以使图形或图片裁剪成三角形、五边形等自定义的形状，利用这个能力，我们可以使图片如碎片似的组合起来或散开，或者将多边形像拼七巧板一样动态地组合成各种形状，或者将一个图标以动画的形式自然地转换到另一个图标。
