liuchang/fe_service_ebtp_frontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

专家人脸比对demo开发完成（兼容IE11、chrome以及firefox）

Browse Source
This commit is contained in:
袁帅
2022-08-16 16:03:30 +08:00
parent bd95759a81
commit 0e127246bf
2 changed files with 6 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
public/faceLoginIE/index.html
View File

@ -8,14 +8,14 @@
<script src="jquery.webcam.min.js"></script> <script src="jquery.webcam.min.js"></script>
</head> </head>
<body> <body>
<div id="webcam"></div> <div id="webcam" style="float: left; clear: both;"></div>
<input id="snapBtn" type="button" value="拍照" /> <input id="snapBtn" type="button" value="人脸识别" style="float: left; clear: both;"/>
<img id="base64image" src='' /> <img id="base64image" src='' width="450" height="320" style="float: left; clear: both;"/>
<script type="text/javascript"> <script type="text/javascript">
var image = new Array(); var image = new Array();
var pos = 0; var pos = 0;
var w = 320;//图片的宽高，无论图片的尺寸是否大于画布的尺寸都能自适应 var w = 480;//图片的宽高，无论图片的尺寸是否大于画布的尺寸都能自适应
var h = 240; var h = 320;
$(document).ready(function() { $(document).ready(function() {
$("#webcam").webcam({ $("#webcam").webcam({
width: w, width: w,

2
src/pages/userformal/faceLogin/FrameFaceLogin.tsx
View File

@ -26,7 +26,7 @@ export default class FrameFaceLogin extends React.Component {
return ( return (
<div style={{ height: "100%" }}> <div style={{ height: "100%" }}>
{/* 设置Iframe 盒子的宽度 */} {/* 设置Iframe 盒子的宽度 */}
<div style={{ minHeight: "calc(55vh - 97px)", position: "relative" }}> <div style={{ minHeight: "calc(70vh - 100px)", position: "relative" }}>
{/* 这个是打包后的Iframe 地址：要到webpack中配置打包地址 */} {/* 这个是打包后的Iframe 地址：要到webpack中配置打包地址 */}
<FrameLoader url="/faceLoginIE/index.html" /> <FrameLoader url="/faceLoginIE/index.html" />
</div> </div>