Spaces:

yukiapple323
/

Glucolor_making

Sleeping

yukiapple323 commited on Jun 8, 2024

Commit

0261267

verified ·

1 Parent(s): b88168d

Update index.html

Files changed (1) hide show

index.html CHANGED Viewed

@@ -26,6 +26,11 @@
             width: 100%;
             height: auto;
         }
     </style>
 </head>
 <body>
@@ -70,6 +75,11 @@
             context.drawImage(video, 0, 0, canvas.width, canvas.height);
             // 캔버스에서 이미지 데이터 가져오기
             const dataURL = canvas.toDataURL('image/png');
             // Tesseract를 사용하여 이미지 텍스트 인식
             Tesseract.recognize(
                 dataURL,

             width: 100%;
             height: auto;
         }
+        canvas {
+            display: block;
+            margin-top: 20px;
+            border: 1px solid black;
+        }
     </style>
 </head>
 <body>
             context.drawImage(video, 0, 0, canvas.width, canvas.height);
             // 캔버스에서 이미지 데이터 가져오기
             const dataURL = canvas.toDataURL('image/png');
+            // 이미지 표시를 위해 이미지 생성
+            const capturedImage = new Image();
+            capturedImage.src = dataURL;
+            // 이미지를 body에 추가
+            document.body.appendChild(capturedImage);
             // Tesseract를 사용하여 이미지 텍스트 인식
             Tesseract.recognize(
                 dataURL,