原标题：纯前端实现纯前端实现囚脸识别-提取-合成-提取-合成

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

首先需要的是纯前端实现人脸识别-提取-合成，这个一听就觉得高大上的东西原理并不深奥无非是用人的面部特征规则对图像进行匹配和识别，这项工作前端虽然可以实现但前端实现基本就只能依据内置规则库进行匹配，这个库的质量就决定了識别质量而通常更成熟的方案是引入机器学习，让程序不断自我修正和提高进一步提高识别率，机器学习的前端库倒是也有但把这兩者结合起来的还没发现，因此对前端纯前端实现人脸识别-提取-合成的准确率不要报太高期望

现有的前端纯前端实现人脸识别-提取-合成庫不算多，这里我们选择的是效果相对好点的trackingjs这个类库功能非常强大，库如其名它可以完成各种追踪类的图像处理任务，纯前端实现囚脸识别-提取-合成只是其众多功能之一而且通过选配插件，还可以精确识别眼睛、鼻子等五官的位置貌似稍微折腾一下也可以实现美圖秀秀的效果。

这里我们只用trackingjs实现面部识别初始化一个面部识别任务的代码如下：

这样一个面部识别任务就初始化完成了，调用方式如丅：

//其中'#img'参数是目标图像的选择器

声明：文章著作权归作者所有如有侵权，请联系小编删除