From 097b2614eb6e92fdfacdf376f31547e8bec09137 Mon Sep 17 00:00:00 2001 From: zyronon Date: Thu, 10 Aug 2023 18:50:49 +0800 Subject: [PATCH] =?UTF-8?q?=E6=B7=BB=E5=8A=A0canvas=E8=83=8C=E6=99=AF?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/App.vue | 37 ++++-- src/assets/css/colors.scss | 3 +- src/assets/img/moon.png | Bin 0 -> 36766 bytes src/components/Backgorund.vue | 110 ++++++++++++++++ src/main.ts | 5 +- src/stores/base.ts | 240 +++++++++++++++++----------------- tsconfig.json | 1 + 7 files changed, 259 insertions(+), 137 deletions(-) create mode 100644 src/assets/img/moon.png create mode 100644 src/components/Backgorund.vue diff --git a/src/App.vue b/src/App.vue index aee1ebbd..796ff753 100644 --- a/src/App.vue +++ b/src/App.vue @@ -18,6 +18,7 @@ import WordList from "./components/WordList.vue"; import Side from "@/components/Side.vue" import {usePlayWordAudio} from "@/hooks/usePlayWordAudio.ts" import DictModal from "@/components/DictModal.vue" +import Backgorund from "@/components/Backgorund.vue" let input = $ref('') let wrong = $ref('') @@ -47,14 +48,6 @@ onMounted(() => { store.init() window.addEventListener('keydown', onKeyDown) window.addEventListener('keyup', onKeyUp) - - Tesseract.recognize( - 'https://tesseract.projectnaptha.com/img/eng_bw.png', - 'eng', - { logger: m => console.log(m) } - ).then(({ data: { text } }) => { - console.log(text); - }) }) onUnmounted(() => { @@ -79,7 +72,16 @@ function next() { } } else { store.currentDict.wordIndex++ - // console.log('这个词完了') + + // var msg = new SpeechSynthesisUtterance(); + // // msg.text = store.word.name + // msg.text = 'Hawaii wildfires burn historic town of Lahaina to the ground' + // msg.rate = 0.8; + // msg.pitch = 1; + // msg.lang = 'en-US'; + // window.speechSynthesis.speak(msg); + + console.log('这个词完了') } if ([DictType.custom, DictType.inner].includes(store.currentDictType.name) && store.skipWordNames.includes(store.word.name)) { next() @@ -92,9 +94,10 @@ function onKeyUp(e: KeyboardEvent) { } async function onKeyDown(e: KeyboardEvent) { + //TODO 还有横杠 if (e.keyCode >= 65 && e.keyCode <= 90 || e.code === 'Space') { - let letter = e.key.toLowerCase() - if (input + letter === store.word.name.slice(0, input.length + 1)) { + let letter = e.key + if ((input + letter).toLowerCase() === store.word.name.toLowerCase().slice(0, input.length + 1)) { input += letter wrong = '' playKeySound() @@ -107,9 +110,9 @@ async function onKeyDown(e: KeyboardEvent) { // wrong = input = '' }, 500) } - if (input === store.word.name) { + if (input.toLowerCase() === store.word.name.toLowerCase()) { playCorrect() - setTimeout(next, 200) + setTimeout(next, 300) } } else { // console.log('e', e) @@ -149,10 +152,14 @@ async function onKeyDown(e: KeyboardEvent) { } } +onMounted(() => { + +})