人脸扫描Canvas动画

最新推荐文章于 2023-10-13 14:12:47 发布

talver

最新推荐文章于 2023-10-13 14:12:47 发布

阅读量1.1k

点赞数

分类专栏： windows android linux 文章标签：人脸识别 canvas

本文链接：https://blog.csdn.net/talver/article/details/109786116

版权

android 同时被 3 个专栏收录

6 篇文章 0 订阅

订阅专栏

windows

4 篇文章 0 订阅

订阅专栏

linux

3 篇文章 0 订阅

订阅专栏

最近研究web端人脸识别，H5拉起摄像头截取单帧图片，提交到后台进行人脸1:N搜索，发现web端没有人脸扫码的动画，因此，抽空写了个人脸扫描的动画。

html代码如下：

<!DOCTYPE html>
<html lang="zh">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>人脸识别</title>
    <style>
        body {
            background-color: #000000;
        }

        canvas {
            margin: 0px auto;
            display: block;
        }
    </style>
</head>

<body>
    <canvas id="faceMask" width=240 height=320></canvas>
    <script src="js/face.js" type="text/javascript" charset="utf-8"></script>
    <script type="text/javascript">
        var faceScan = new FaceScan({
            name: 'faceMask',  // canvas id
            color: '#00ff00',  // 颜色
            lineWidth: 2       // 线宽
        });
        faceScan.start();

    </script>
</body>

</html>

源码下载地址：https://download.csdn.net/download/talver/13123154

talver

关注

0
点赞
踩
7

收藏

觉得还不错? 一键收藏
0
评论
人脸扫描Canvas动画

最近研究web端人脸识别，H5拉起摄像头截取单帧图片，提交到后台进行人脸1:N搜索，发现web端没有人脸扫码的动画，因此，抽空写了个人脸扫描的动画。html代码如下：<!DOCTYPE html><html lang="zh"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.
复制链接

扫一扫

专栏目录