织梦cms| 帝国cms| WordPress discuz| phpcms| z-blog| ecshop| 其他cms|

WordPress

推荐列表 站点导航

当前位置：首页 > 建站教程 > WordPress >

聊聊JavaScript人脸识别技术的详细内容

来源:网络整理  作者:网友投稿  发布时间:2020-12-27 14:37
找到的一个可以用于人脸识别的JavaScript程序包是FaceDetection，它是由JaySalvat和LiuLiu开发的。它是一个标准的jQuery插件，...

找到的一个可以用于人脸识别的JavaScript程序包是Face Detection，它是由Jay Salvat和Liu Liu开发的。它是一个标准的jQuery插件，通过对提供的图片进行分析，返回所有找到的脸部图像的坐标。下面我们来看看它是如何使用的！

jQuery.faceDetection

使用Face Detection这个jQuery plugin，你需要引入四个js文件：

<script src="https://www.wpmee.com/jquery-1.4.3.min.js"></script>

<!-- mas js -->

<script src="https://www.wpmee.com/facedetection/ccv.js"></script>

<script src="https://www.wpmee.com/facedetection/face.js"></script>

<script src="https://www.wpmee.com/jquery.facedetection.js"></script>  

这个脸部识别插件的头两个文件里是它的各种功能性程序，通过它们能得到一个数组对象，这些对象里存储的就是图片里的脸部坐标信息。下面是一个例子：

var coords = jQuery("#myImage").faceDetection();

/* 返回：

{

x: 525

y: 435,

width: 144,

height: 144,

positionX: 532.6353328125226,

positionY: 443.240976080536,

offsetX: 532.6353328125226,

offsetY: 443.240976080536,

confidence: 12.93120119,

neighbour: undefined,

}

*/  

你还可以在检测方法上加入事件回调函数：

var coords = jQuery("#myImage").faceDetection({

complete: function(image, coords) {

// Do something

},

error: function() {

console.warn("无法分析图片");

}

});  

对于识别出的脸部信息，你可以做任何的处理东西。你可以在图片中脸部的位置画出框线：

jQuery("img").each(function() {

var img = this;

// 获取脸部坐标

var coordinates = jQuery(img).faceDetection();

// 在脸上画出框线

if(coordinates.length) {

coordinates.forEach(function(coord) {

jQuery("<p&gt", {

css: {

position: "absolute",

left: coord.positionX + 5 + "px",

top: coord.positionY + 5 + "px",

width: coord.width + "px",

height: coord.height + "px",

border: "3px solid white"

}

}).appendTo(img.parentNode);

});

}

});  

这很简单，当然你可以做复杂的处理，比如说提取出来，这是一个很简单的脚本技术，而且没有任何技术是十全十美的。这个脸部识别插件并不具有脸部比较功能，你需要用其它方法并提供面部特征信息实现此功能。总之，相当不错，强烈建议你试一下。

以上就是聊聊JavaScript人脸识别技术的详细内容，更多请关注网站的其它相关文章！

聊聊JavaScript人脸识别技术的详细内容 (https://www.wpmee.com/) javascript教程 第1张

相关热词：

本站内容来源于网络，如有侵权请与我们联系，我们会及时删除，我们深感抱歉！
注：本站所有信息仅供用于网络技术学习参考,学习中请遵循相关法律法规！

本文地址: https://v30.fanwenzhu.com/jz/wp/9707.shtml

上一篇：WordPress的.htaccess优化技巧
下一篇：在不影响排名的情况下怎
相关文章
热门TAG
win10 ecshop 主机 阿里云 解决 配置 C# C++ 解析 SQL语句 命令 Go语言 方法 CSS3 HTML5 CSS win7 MSSQL 服务器配置 IIS7.5 IIS7 IIS6 IIS CentOS 7 Linux oracle数据库 oracle phpcms discuz discuz教程
最新文章
ludou_se_only); } add_action(s ludou_se_only); } add_action(s

时间：2021-01-23

所以经常导致输错密码的 所以经常导致输错密码的

时间：2021-01-23

WordPress措施打开速度慢的 WordPress措施打开速度慢的

时间：2021-01-22

WordPress回覆评论自动添加 WordPress回覆评论自动添加

时间：2021-01-22

我们可以通过下面的代码 我们可以通过下面的代码

时间：2021-01-22

如何修改WordPress默认脚色 如何修改WordPress默认脚色

时间：2021-01-20

同样的修改文件就行 同样的修改文件就行

时间：2021-01-20

少数善意的转载者既使没 少数善意的转载者既使没

时间：2021-01-20

热门文章
WordPress新手安装教程(图文) WordPress新手安装教程(图文)

时间：2020-12-28

在设置菜单中增加WordPress私密 隐藏的全部 在设置菜单中增加WordPress私密 隐藏的全部

时间：2021-01-10

WordPress博客程序常见错误的解决方法 WordPress博客程序常见错误的解决方法

时间：2020-12-28

WordPress程序打开速度慢的三种解决方法 WordPress程序打开速度慢的三种解决方法

时间：2021-01-10

wordpress使用代码在每篇文章尾部添加版权 wordpress使用代码在每篇文章尾部添加版权

时间：2020-12-14

WordPress博客措施常见错误的办理要领 WordPress博客措施常见错误的办理要领

时间：2021-01-15

关于WordPress的SEO优化相关的一些PHP页面脚 关于WordPress的SEO优化相关的一些PHP页面脚

时间：2021-01-07

WordPress措施打开速度慢的三种办理要领 WordPress措施打开速度慢的三种办理要领

时间：2021-01-22

详解WordPress中的头像缓存和署理中的缓存 详解WordPress中的头像缓存和署理中的缓存

时间：2021-01-15

少数善意的转载者既使没有看到版权信息 少数善意的转载者既使没有看到版权信息

时间：2021-01-20

Copyright © www.juheyunku.com      关于 | 合作 | 声明 | 联系 | 更新 | 地图 | Tags

聊聊JavaScript人脸识别技术的详细内容

2020-12-27　编辑：网友投稿

找到的一个可以用于人脸识别的JavaScript程序包是Face Detection，它是由Jay Salvat和Liu Liu开发的。它是一个标准的jQuery插件，通过对提供的图片进行分析，返回所有找到的脸部图像的坐标。下面我们来看看它是如何使用的！

jQuery.faceDetection

使用Face Detection这个jQuery plugin，你需要引入四个js文件：

<script src="https://www.wpmee.com/jquery-1.4.3.min.js"></script>

<!-- mas js -->

<script src="https://www.wpmee.com/facedetection/ccv.js"></script>

<script src="https://www.wpmee.com/facedetection/face.js"></script>

<script src="https://www.wpmee.com/jquery.facedetection.js"></script>  

这个脸部识别插件的头两个文件里是它的各种功能性程序，通过它们能得到一个数组对象，这些对象里存储的就是图片里的脸部坐标信息。下面是一个例子：

var coords = jQuery("#myImage").faceDetection();

/* 返回：

{

x: 525

y: 435,

width: 144,

height: 144,

positionX: 532.6353328125226,

positionY: 443.240976080536,

offsetX: 532.6353328125226,

offsetY: 443.240976080536,

confidence: 12.93120119,

neighbour: undefined,

}

*/  

你还可以在检测方法上加入事件回调函数：

var coords = jQuery("#myImage").faceDetection({

complete: function(image, coords) {

// Do something

},

error: function() {

console.warn("无法分析图片");

}

});  

对于识别出的脸部信息，你可以做任何的处理东西。你可以在图片中脸部的位置画出框线：

jQuery("img").each(function() {

var img = this;

// 获取脸部坐标

var coordinates = jQuery(img).faceDetection();

// 在脸上画出框线

if(coordinates.length) {

coordinates.forEach(function(coord) {

jQuery("<p&gt", {

css: {

position: "absolute",

left: coord.positionX + 5 + "px",

top: coord.positionY + 5 + "px",

width: coord.width + "px",

height: coord.height + "px",

border: "3px solid white"

}

}).appendTo(img.parentNode);

});

}

});  

这很简单，当然你可以做复杂的处理，比如说提取出来，这是一个很简单的脚本技术，而且没有任何技术是十全十美的。这个脸部识别插件并不具有脸部比较功能，你需要用其它方法并提供面部特征信息实现此功能。总之，相当不错，强烈建议你试一下。

以上就是聊聊JavaScript人脸识别技术的详细内容，更多请关注网站的其它相关文章！

聊聊JavaScript人脸识别技术的详细内容 (https://www.wpmee.com/) javascript教程 第1张

本站内容来源于网络，如有侵权请与我们联系，我们会及时删除，我们深感抱歉！
注：本站所有信息仅供学习参考！
本文地址为 https://v30.fanwenzhu.com/jz/wp/9707.shtml

相关文章

风云图片

ludou_se_only); } add_action(s

ludou_se_only); } add_action(s

所以经常导致输错密码的

所以经常导致输错密码的

WordPress措施打开速度慢的

WordPress措施打开速度慢的

WordPress回覆评论自动添加

WordPress回覆评论自动添加

我们可以通过下面的代码

我们可以通过下面的代码

如何修改WordPress默认脚色

如何修改WordPress默认脚色

推荐阅读

返回WordPress频道首页