Move to reagent
This commit is contained in:
parent
3d2075764a
commit
6bfa94a2ca
8 changed files with 322 additions and 75 deletions
|
|
@ -3,10 +3,12 @@
|
|||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<link rel="stylesheet" href="style.css" />
|
||||
</head>
|
||||
<body>
|
||||
<canvas id="result" style="position: absolute; z-index: 10; transform: scale(-1, 1)"></canvas>
|
||||
<video id="capture" playsinline style="transform: scale(-1, 1); max-width: 100%; height: auto; op"></video>
|
||||
<div id="app"></div>
|
||||
<!-- <canvas id="result"></canvas>
|
||||
<video id="capture" playsinline></video> -->
|
||||
</body>
|
||||
<script src="js/main.js"></script>
|
||||
</html>
|
||||
|
|
|
|||
24
resources/public/style.css
Normal file
24
resources/public/style.css
Normal file
|
|
@ -0,0 +1,24 @@
|
|||
*,
|
||||
*::before,
|
||||
*::after {
|
||||
box-sizing: border-box
|
||||
}
|
||||
|
||||
body {
|
||||
color: #222
|
||||
}
|
||||
|
||||
canvas#result {
|
||||
position: absolute;
|
||||
z-index: 10;
|
||||
}
|
||||
|
||||
video#capture {
|
||||
max-width: 100%;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
canvas#result,
|
||||
video#capture {
|
||||
transform: scale(-1, 1)
|
||||
}
|
||||
Loading…
Add table
Add a link
Reference in a new issue