初学js,想用事件委托和事件拖拽做一个组合笑脸的效果;总有各种问题,请大神帮忙看看哪里出了问题?

JavaScript024

初学js,想用事件委托和事件拖拽做一个组合笑脸的效果;总有各种问题,请大神帮忙看看哪里出了问题?,第1张

box.onmousedown = function(event){

var e = event || window.event

var target = e.target || e.scrElement

if(target.id == "face" || target.id == "leftEye" || target.id == "rightEye" || target.id == "mouth"){

offsetX = e.offsetX

offsetY = e.offsetY

}

document.onmousemove = function(event){

var e = event || window.event

target.style.left = e.clientX - offsetX + "px"

target.style.top = e.clientY - offsetY + "px"

}

}

box.onmouseup = function(){

document.onmousemove = ""

}

target在mousemove声明了,去掉即可

用的是图像模糊识别技术!首先是面部捕捉。它根据人的头部的部位进行判定,首先确定头部,然后判断眼睛和嘴巴等头部特征,通过特征库的比对,确认是面部,完成面部捕捉。

笑脸就好说了,完成了面部捕捉,然后开始判断嘴的上弯程度和眼的下弯程度,来判断是不是笑了。

以上所有的捕捉都是在对比特征库的情况下完成的,所以特征库是基础,里面有各种典型的面部和笑脸特征数据。