xBaoshu

最近火爆朋友圈的军装照H5大家一定还记忆犹新，其原理是先提取出照片中的面部，然后与模板进行合成，官方的合成处理据说由天天P图提供技术支持，后端合成后返回给前端展示，形式很新颖效果也非常好，整个流程涉及的人脸识别和图像合成两项核心技术在前端都有对应的解决方案，因此理论上前端也可以完成人脸识别-提取-合成整个流程，实现纯前端的军装照H5效果。

在做H5项目时，需要在横竖屏变化时，做一些处理。原生的orientationchange事件又有兼容性问题，本文从orientationchange、resize监听、matchMedia三个方面讲了如何一步一步实现一个兼容性较强的监听横竖屏变化事件