我尝试使用画布在网络摄像头（使用“navigator.mediaDevices.getUserMedia”）和 HTML 5 标签“video”捕获的图像的中心绘制一个 100 x 100 的矩形。
要捕获网络摄像头图像，我使用：
if (navigator.mediaDevices.getUserMedia) {
navigator.mediaDevices.getUserMedia({audio: false, video: {facingMode: 'user'}})
.then( function(stream) {
//Definir o elemento víde a carregar o capturado pela webcam
video.srcObject = stream;
return stream;
})
.catch(function(error) {
alert("Error on open device");
});
}
并在线显示此图像，我只使用：
<video autoplay="true" id="webCamera">
</video>
如何在 HTML 5 标签视频打印的图像上绘制矩形？
我的代码是：
相机.html
<!DOCTYPE html>
<html lang="pt-BR">
<head>
<!--Título-->
<title>Camera Test</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="Apenas um teste"/>
<!--OpenType-->
<meta property="og:locale" content="pt_BR" />
<meta …我有一个带安全方法的服务类(@PreAuthorizeSpring Security).
编码是不好的做法？
也许我应该@PreAuthorize只在我的控制器类(@Controller或@RestController)中使用此注释