Create a gist now

Instantly share code, notes, and snippets.

@justinyoo /ocr.vue Secret
Created Mar 27, 2017

What would you like to do?
Implementing OCR Using Azure Cognitive Services with HTML5 Media Capture API
<template>
<div>
<div class="image-input">
<input type="file" id="ocr-input" accept="image/*" capture="camera" ref="ocrInput" />
<button type="button" v-on:click="getText">Submit</button>
</div>
<div class="image-output">
<img id="ocr-image" ref="ocrOutput" style="width:300px" />
</div>
<div class="cognitive-result">
<textarea id="ocr-result" style="width: 300px; height: 200px;" ref="ocrResult"></textarea>
</div>
</div>
</template>
<script lang="ts">
import Ocr from "./Ocr.ts";
export default Ocr;
</script>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment