Connect_logo_6.png 退出
前端视频教程 小程序 众筹源码 python 商城源码 商城模板 响应式模板 中文模板 手机模板 企业源码

jQuery图片人脸识别代码

作者/代码整理:  (转载请附加本文地址,带有“懒人原生”字样的谢绝转载) 发布日期:2018-05-04
jQuery图片人脸识别代码是一款可以识别图片上人物脸部的jQuery插件,识别出来用正方形框选脸部标识。


js代码

<script src="js/jquery-3.1.1.min.js"></script>
<script src="js/jquery.facedetection.js"></script> 
<script>
	/* global $ */
	$(function () {
		"use strict";
		
		$('#try-it').click(function (e) {
			e.preventDefault();

			$('.face').remove();

			$('#picture').faceDetection({
				complete: function (faces) {                        
					for (var i = 0; i < faces.length; i++) {
						$('<div>', {
							'class':'face',
							'css': {
								'position': 'absolute',
								'left':     faces[i].x * faces[i].scaleX + 'px',
								'top':      faces[i].y * faces[i].scaleY + 'px',
								'width':    faces[i].width  * faces[i].scaleX + 'px',
								'height':   faces[i].height * faces[i].scaleY + 'px'
							}
						})
						.insertAfter(this);
					}
				},
				error:function (code, message) {
					alert('Error: ' + message);
				}
			});
		});
	});
</script>